此 polyfill 采用官方的 CSS 过滤器语法,并将其转换为浏览器所支持的不同等效技术,以实现这些效果。
此 polyfill 采用官方的 CSS 过滤器语法,并将其转换为浏览器所支持的不同等效技术,以实现这些效果。
Polyfilter - a CSS Filters Polyfill =================================== 此 polyfill 采用了官方的 CSS 过滤器效果语法，您可以在 这里 找到相关规范，并将其转换为浏览器所支持的不同等效技术： * 为基于 WebKit/Blink 的浏览器添加前缀 * 将其转换为 Firefox 的 SVG 过滤器 * 将其转换为 IE 6-9 的 DirectX 过滤器 例如，这使您可以在样式表中指定如下属性： filter: blur(10px); polyfill 会确保它在尽可能多的浏览器中都能正常工作。 ## 支持的过滤器 * grayscale * sepia * blur * invert * brightness * drop-shadow
请参阅 此概述。
* IE 只支持 0% 或 100% 的值
为什么支持 IE 6-9，但不支持 IE 10 或更高版本呢？好吧，由于微软决定改变立场，现在遵循标准，他们从 IE 10 开始就废除了他们旧的专有过滤器，而我依赖这些过滤器来进行模拟。虽然他们确实引入了 SVG 过滤器，但遗憾的是这些过滤器只能在 SVG 内部使用。它们不能应用于 HTML 元素。
暂无开放 Issues，或尚未同步最近议题。