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

Question

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

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

关于为什么它在 Safari 中不起作用，我有什么遗漏吗？

Answer 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