是否可以检测是否支持 CSS 滤镜效果？

Question

CSS Filter Effects 目前处于草稿阶段，但已被 chrome 支持。它提供了对图像应用效果的可能性：

CSS 过滤器属性在元素显示之前为元素的渲染提供模糊或颜色偏移等效果。滤镜通常用于调整图像、背景或边框的渲染。

CSS 标准中包含几个实现预定义效果的函数。您还可以使用指向 SVG 过滤器元素的 URL 来引用 SVG 中指定的过滤器。 (source)

据我所知，CSS 滤镜效果仅在 Chrome 18+ 中支持，但是是否可以通过 JavaScript 或一些 CSS 技巧来检测 CSS 滤镜效果的可用性？

Answer 1

我相信您可以使用 Modernizr Javascript 库进行 CSS3 功能检测。

根据以下链接，（从 Modernizr 2.6 开始）Modernizr 现在可用于 CSS 过滤器检测：

http://www.browserleaks.com/modernizr#filter

http://modernizr.com/news/（在测试改进部分下）。

和http://modernizr.com/news/modernizr-260/。