Question

我有一个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);
}

Answer 1

Safari 5不支持CSS3过滤器，既没有前缀也没有前缀-webkit-。如caniuse.com所示，该支持从版本6开始，因为苹果在版本5.1.7之后停止了Safari for Windows，所以该版本从未在Windows中可用。

Windows Safari的过滤器模糊支持

1 个答案: