WebKit CSS滤镜模糊在Windows操作系统上的Safari浏览器中无法工作

Question

基本上我正在使用CSS3滤镜并使用blur();在我的背景上创建模糊效果。它可以在除Windows 7操作系统上的Safari浏览器之外的所有浏览器中正常工作。我正在使用的代码如下：

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

我在Safari浏览器上为什么无法正常工作？是否有我忽略的东西？

- James Walker

---

我们需要看到它的实际效果。你能创建一个JSFiddle或者提供一个链接吗？话虽如此，它只适用于元素...而不是背景图片... - Paulie_D

你使用的Safari版本是什么？ - antyrat

我正在使用的代码是http://jsfiddle.net/T4Q8t/，并且我正在Windows 7上使用Safari 5.1.7。 - James Walker

Answer 1

问题在于Windows上的当前Safari版本相比Mac上的当前Safari版本要落后很多。

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

对你来说，不好的消息是Safari 5.1不支持filter样式。

这个问题没有解决办法;它只是不受支持，并且在Windows上的Safari得到更新之前都不会支持。

唯一的好消息是在Windows上使用Safari的人并不多，因此这个问题不应该影响太多用户。

您可以在CanIUse.com上了解有关此功能的浏览器支持情况：http://caniuse.com/#search=filter

- Spudley

---

有点晚了，而且已经过去了将近3年；但是，作为Win10用户，我刚刚偶然发现了这个问题 - 进一步的研究表明，苹果不再支持更新Windows版Safari。嘘，苹果！ - Geoff James