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

时间:2013-04-24 10:44:01

标签: javascript css css3

CSS Filter Effects目前处于草案状态,但已获得Chrome支持。它提供了对图像应用效果的可能性:

  

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

     

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

据我所知,CSS过滤器效果仅支持Chrome 18+,但是有可能通过JavaScript或一些CSS技巧检测CSS过滤效果的可用性吗?

1 个答案:

答案 0 :(得分:10)

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

根据以下链接,(从Modernizr 2.6开始)Modernizr现在可用于CSS过滤器检测:

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

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

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