css - 功能检测CSS过滤器不起作用

我正在尝试通过@supports规则检测浏览器是否支持过滤器。 @supports似乎在很多情况下都可以使用，但是，当我在filter属性上尝试使用它时，即使它确实支持过滤器，也总是会在Chrome上返回失败，尤其是：模糊。

查看此演示：http://jsbin.com/gikiwode/1/

我尝试了几种语法，@supports not (filter:blur)，@supports not (filter:blur(12px))，但是没有大小写...

我想念什么吗？

最佳答案

也许包括-webkit-前缀？

@supports (-webkit-filter: blur()){
  body:before{
    content: 'Can do filters.';
  }
}

DEMO

关于css - 功能检测CSS过滤器不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22316161/