功能检测CSS过滤器无法正常工作

Question

我正在尝试通过@supports规则检测浏览器是否支持过滤器。 @supports似乎适用于很多情况，但是，当我在过滤器属性上尝试它时，它总是在Chrome上返回失败，即使它确实支持过滤器，特别是：模糊。

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

我尝试了多种语法，@supports not (filter:blur)，@supports not (filter:blur(12px))，但没有案例......

我错过了什么吗？

Answer 1

可能包含-webkit-前缀？

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

DEMO