jquery - 与传单和mmenu发生冲突

我正在学习mmenu，由于某些原因，当我使用Leaflet渲染地图时，标题栏（用于显示“演示”字样的标题栏）未显示。

如果您在地图的放大/缩小控件后面查看，则会出现白色的“汉堡”图标（在“ +”号附近），但出现标题栏。
我尝试使用z-index属性并覆盖了一些attibutes值而没有任何运气。

.mm-menu {
  background: #279650 !important;
 z-index: 10 !important;
}

我做的另一种尝试是：

.header{
            background: red !important;
            z-index: 9999999;


}

我将附加2张图像，其中一张带有渲染的地图，另一张不带有地图。
预先感谢您的任何提示。

最佳答案

解决后，在调试后，我意识到它与我的html id标签无关，与传单，mmenu类或id标签无关。

这是html：

        <div id="map"></div>
    <div id="page">
        <div class="header">
            <a href="#menu"></a>
        </div>
        <nav id="menu">
            <ul>
                <li><a href="/">Home</a></li>
                <li>
                    <span>
                        <a href="/item1/">Item1</a>
                        <input type="radio" class="Check" />
                     </span>

                </li>
                <li>
                    <span>

                        <a href="/item2/">Item2</a>
                        <input type="radio" class="Check" />

                     </span>
                </li>
                <li><span>About us</span>
                    <ul>
                        <li><a href="/about/history">History</a></li>
                        <li><a href="/about/team">The team</a>
                            <ul>
                                <li><a href="/about/team/management">Management</a>
                                </li>
                                <li><a href="/about/team/sales">Sales</a></li>
                                <li><a href="/about/team/development">Development</a></li>
                            </ul>
                        </li>
                        <li><a href="/about/address">Our address</a></li>
                    </ul>
                </li>
                <li><a href="/contact/">Contact</a></li>
            </ul>
        </nav>
    </div>

我必须将以下属性值添加到.header类：

.header{
   position: relative;
   z-index: 15; //can be ommited
}

唯一的区别是，在Chrome浏览器中，菜单栏显示在地图控件的前面，在Firefox后面。我决定下移控件，以避免出现重叠问题（下图）
即使解决了，我也欢迎提出建议。

最好！

关于jquery - 与传单和mmenu发生冲突，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34801433/