【发布时间】：2021-09-28 05:21:57
【问题描述】：
我无法弄清楚为什么我的网站菜单在浏览器上的显示方式不同。截图如下。
网站是here。
更新：找出导致它的原因。就是这些代码行。仍然不确定为什么它会弄乱 chrome 而不是 safari 中的菜单。
<style>
.navigation {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
</style>
【问题讨论】：
-
你能上传它在 Safari 上显示的照片吗？但是您使用的是
webkit，所以我认为chrome不会有问题。 -
嗨@AmirrezaAmini 刚刚上传了截图。感谢您的观看！
-
但我不认为
backdrop-filter与这类问题有关。我的意思是您正在应用模糊，为什么它显示导航栏的方式会有问题？ -
我认为问题与 z 索引有关，而不是与过滤有关
-
这就是我如此困惑的原因。如果我删除该代码，菜单的工作方式与 chrome 中的完全一样。