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

现在可以了。

我希望这是适合您的解决方案。

您好，西米尔