ionic 5 ios 深色主题在菜单栏打开和关闭的 header 中显示阴影

Question

我想弄清楚菜单栏何时在离子中关闭 ios 它在 header 中显示了一些阴影样式。

我查看了 inspect element，但无法准确确定所应用的元素。

好像是在.toolbar-container元素附近！但无法确定确切位置或如何解决该问题！

这是捕获的转换的屏幕截图，您可以看到阴影：

这是侧边菜单关闭后的样子：

顺便说一句，这是离子 angular 侧边菜单附带的 ios 默认深色主题。

Answer 1

好的，我找到了：

打开菜单 (.header-collapse-condense-inactive) 时 .header-background 将 header 的背景设为模糊！

我只是用 backdrop-filter: none !important; 覆盖了它，在全局添加了以下 CSS，解决了我的问题！

.header-collapse-condense-inactive .header-background {
  backdrop-filter: none !important;
}