显示在移动菜单上方的字形图标答案

【问题标题】：Glyphicon showing above mobile menu显示在移动菜单上方的字形图标
【发布时间】：2015-12-19 17:43:31
【问题描述】：

我在 div 中使用 Glyphicon 在移动设备上打开名为 Mmenu 的移动菜单。该操作工作正常，但 Glyphicon 显示在菜单上方而不是隐藏在菜单下方。我已将 Mmenu 和 Glyphicon 的 z-index 分别更改为 100 和 99，但仍然没有。我怀疑这与另一个导致页面内容滑动但与包含 div 的标题无关的问题有关？

有人能帮我理解为什么吗？

谢谢。

website

【问题讨论】：

如果您需要帮助，您需要发布您的代码和标记。图像以及重现问题的 jsFiddle 可能会有所帮助。
哈！应该会有帮助吧？抱歉，这里是Fiddle。似乎我无法发布图片，但这里有一个Imgur link。谢谢。另外，忽略汉堡包 Glyphicon 没有显示的事实，它在放入 JSFiddle 后出错了。

标签： css jquery-mobile twitter-bootstrap-3 glyphicons mmenu

【解决方案1】：

不确定为什么会出现问题，但您可以使用此 CSS 解决它：

.mm-menu {
    z-index: 200 !important;
}

这会将固定菜单面板置于图标上方。

更新FIDDLE

【讨论】：

啊太棒了！是的，我也不确定，从逻辑上讲，它应该有效，但不会。非常感谢您的帮助！