-webkit-backdrop-filter 在 Safari 上不起作用

【问题标题】：-webkit-backdrop-filter not working on Safari-webkit-backdrop-filter 在 Safari 上不起作用
【发布时间】：2021-11-16 04:26:56
【问题描述】：

Safari 14.1.2 未显示 -webkit-backdrop-filter: blur(10px); 我尝试了多个版本，内联，jQuery，@supports，但没有任何效果。最奇怪的是，它在 Safari 的“Web Inspector”中显示为已启用，并且如果我将其关闭并再次切换回来，它就可以工作。有什么解决办法？有什么解决办法吗？

【问题讨论】：

请您在您的问题中添加一个可行的 sn-p，以便我们自己查看问题参见stackoverflow.com/help/minimal-reproducible-example
此页面在您的 Safari 浏览器中的外观如何？ webkit.org/demos/backdrop-filter

标签： css safari webkit

【解决方案1】：

到这里，

我遇到了同样的问题。我的问题是一开始我不“可见”的 div。（底部-顶部-幻灯片动画）

 div{
            height: 0px,
            bottom: 0px,
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    }

我的解决方案是：

  div{
                height: 1px,
                bottom: -1px,
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        }

现在可以了。

我希望这是一个适合你的解决方案。

您好，西梅尔

【讨论】：