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

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;
}