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

Question

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

Answer 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);
        }

现在可以了。

我希望这对您来说是一个解决方案。

问候，西梅尔