CSS滤镜效果目前是草案阶段,但已经被Chrome浏览器支持。它提供了在元素显示之前对元素呈现应用模糊或颜色移位等效果的可能性。滤镜通常用于调整图像、背景或边框的呈现。 CSS标准中包括几个函数来实现预定义效果。您还可以使用SVG中指定的URL引用SVG滤镜元素的过滤器。(来源) 据我所知,目前只有Chrome 18+支持CSS滤镜效果。但是,是否有可能通过JavaScript或一些CSS技巧检测CSS滤镜效果的可用性呢?
你可以使用 Modernizr JavaScript 库进行 CSS3 功能检测。根据以下链接(截至 Modernizr 2.6),现在可以使用 Modernizr 进行 CSS 滤镜检测: http://www.browserleaks.com/modernizr#filter http://modernizr.com/news/(在测试改进部分下)以及 http://modernizr.com/news/modernizr-260/。