我的移动菜单被页面内容隐藏了

Question

页面内容覆盖移动菜单on our site。如果需要，请缩小浏览器以查看问题。

我进行了大量搜索并阅读了很多论坛帖子，因此，我尝试使用 z-index 和 position:relative 并删除了带有 overflow-x:hidden 的 body 标签，但我我没有得到任何结果。

这是我目前使用的CSS

.cshero-mobile-menu  { position:relative; z-index:20000; }
.cshero-mobile-menu a { position:relative; z-index:21000; }
.cshero-mobile-menu span { position:relative; z-index:22000; }
.article * {position:relative; z-index:1000;}

任何人都可以看到我做错了什么并告诉我如何解决它吗？

谢谢！

Answer 1

添加以下 z-index 规则来解决您的问题：

#cs-header-custom-bottom .container {
    …
    z-index: 11;
}

我的移动菜单被页面内容隐藏了

My mobile menu is being hidden by page content

css

z-index