Webkit CSS过滤器模糊在Windows操作系统上的Safari中无效

时间:2013-10-30 15:41:28

标签: html css css3 safari

基本上我使用CSS3过滤器并使用blur();在我的背景上创建模糊效果。它适用于除Windows 7操作系统上的Safari之外的所有浏览器。我正在使用的代码是:

-webkit-filter: blur(15px);
-moz-filter: blur(15px);
filter: blur(15px);

我是否遗漏了为什么它在Safari中不起作用?

1 个答案:

答案 0 :(得分:4)

问题是Windows上当前的Safari版本远远落后于Mac的当前Safari版本。

在Windows上,当前的Safari版本仅为5.1,而Mac上为6.0和7.0。

对您而言,坏消息是Safari 5.1不支持filter样式。

没有办法解决这个问题;它根本不受支持,并且在Safari获得Windows更新之前不会被支持。

唯一的好消息是,很多人都没有在Windows上使用Safari,因此这个问题不会影响到太多用户。

您可以在CanIUse.com上看到有关此功能的浏览器支持的更多信息:http://caniuse.com/#search=filter