对 Windows Safari 的滤镜模糊支持答案

【问题标题】：Filter blur support for Windows Safari对 Windows Safari 的滤镜模糊支持
【发布时间】：2018-10-04 07:27:18
【问题描述】：

我有一个 div，其中包含我想在需要用户身份验证时模糊掉的一堆内容。

为 Windows 安装了 Safari 来测试我的网站。 5.1.7 版本似乎是最新的。

只是想知道 Safari 是否支持 CSS 滤镜模糊？在某个阶段，我以为我已经完成了，但我改变了一些东西，它似乎已经消失了，现在我第二次猜测我自己实际上看到了它的工作原理。

我知道 Opera 的模糊仅在您将 div 位置设置为绝对或固定时才有效。 Safari 是否有一些我忽略的特别之处？

CanIUse 网站仅列出 Safari Mac 和 iOS 支持

这是我的 CSS 类：

.login_overlay {
    position:absolute;
    width:100%;
    -webkit-filter  : blur(10px);
    -moz-filter : blur(10px);
    -ms-filter  : blur(10px);
    -o-filter   : blur(10px);
    filter      : blur(10px);    
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

【问题讨论】：

我强烈建议不要使用适用于 Windows 的 Safari 来测试您的网站 - 它自 2012 年 5 月以来一直没有更新，并且大大落后于 Safari Mac/iOS

标签： html css safari css-filters

【解决方案1】：

Safari 5 不支持 CSS3 过滤器，既不带前缀也不带 -webkit- 前缀。如 caniuse.com 所示，支持从版本 6 开始，由于 Apple 在版本 5.1.7 之后停止了适用于 Windows 的 Safari，因此从未为 Windows 提供支持。

【讨论】：