與單張和mmenu衝突

我正在學習mmenu，出於某種原因，當我使用Leaflet呈現地圖時，標題欄（用於具有「演示」單詞的標題欄）不會顯示。與單張和mmenu衝突

如果您在地圖的放大/縮小控件後面看到白色的「漢堡」圖標（靠近「+」號），但是標題欄出現。我嘗試使用z-index屬性並重寫一些attibutes值，但沒有任何運氣。

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

另一次嘗試，我所做的是：

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


}

我會附上兩張圖片用一個渲染的地圖和其他沒有它。在此先感謝您的任何提示。

來源

2016-01-14 rossig7

也就迎刃而解了，在調試後，我意識到，它與我的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後面。爲了避免這個重疊的問題，我決定爲了避免這種重疊問題而下調控制。儘管解決了這個問題，但我仍然樂於接受這些建議。

最好！

來源

2016-01-15 04:08:02 rossig7

與單張和mmenu衝突

回答

相關問題