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

Question

页面内容覆盖了我们网站上的移动菜单。如果需要，请缩小浏览器以查看问题。

我进行了相当多的搜索并阅读了一堆论坛帖子，因此，我尝试使用 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;}

谁能看到我做错了什么并建议我如何解决？

谢谢你！

标签： cssz-index

Answer 1

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

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