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

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