Webkit CSS 过滤器模糊在 Windows 操作系统上的 Safari 中不起作用答案

【问题标题】：Webkit CSS filter blur not working in Safari on Windows OSWebkit CSS 过滤器模糊在 Windows 操作系统上的 Safari 中不起作用
【发布时间】：2013-11-10 07:52:24
【问题描述】：

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

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

关于为什么它不能在 Safari 中运行，我是否遗漏了什么？

【问题讨论】：

我们需要看到它的实际效果。您可以制作一个 JSFiddle 或提供给我们一个链接吗？也就是说，它只适用于元素......而不是背景图片......
你用的是什么版本的 Safari？
我使用的代码是jsfiddle.net/T4Q8t，我在 Windows 7 上使用 Safari 5.1.7。

标签： html css safari

【解决方案1】：

问题在于，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

【讨论】：

派对迟到了，差不多 3 年了；但是，作为 Win10 用户，我刚刚偶然发现了这一点——进一步的研究表明，苹果不支持进一步更新 Safari for Windows。嘘——苹果！