html - 在 iOS 上模糊时奇怪的导航栏效果

Question

当我尝试对导航栏应用模糊时，我只在 iOS 设备（无论浏览器如何）上得到了非常奇怪的效果。

在 iOS 上的 Safari 上：

在 iOS 上的 Chrome 上：

在 Android 上的 Chrome 上看起来不错：

在模拟器上看起来也不错：

我将模糊应用于导航栏的方式如下：

.navbar-item {
     -webkit-backdrop-filter: blur(8px);
     backdrop-filter: blur(8px)
}

标签： htmlcssblurmobile-website