javascript - 能否检测是否支持CSS滤镜效果？

Question

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

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.

Included in the CSS standard are several functions that achieve predefined effects. You can also reference a filter specified in SVG with a URL to an SVG filter element. (source)

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

Answer 1

您可以使用 Modernizr 我相信用于 CSS3 特征检测的 Javascript 库。

根据以下链接，(自 Modernizr 2.6 起)Modernizr 现在可用于 CSS 过滤器检测:

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

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

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