Chrome瀏覽器錯誤與響應式導航菜單

我一直在工作的響應式菜單，大部分工作正常。我在我的手機和我的桌面上使用了chrome和mozilla。但它在Chrome中變得越來越麻煩。Chrome瀏覽器錯誤與響應式導航菜單

當您調整鑲邊大小時，只有第一個菜單項可以點擊，並獲得較小視口的較小菜單。

這個bug不存在於Mozilla的桌面和android的mozilla。但是，它既適用於臺式機也適用於手機。

如果你在mozilla中運行這個jsfiddle，你會發現它運行良好http://jsfiddle.net/LNh3e/ 我不能說鉻相同，因爲它沒有按預期工作。

通常這類型的錯誤顯示，因爲未關閉標籤，但我不能找到一個：

     <nav> 
          <ul> 
           <li><a href="index.php">Home</a></li> 
           <li><a href="about.php">About</a></li> 
           <li><a href="portfolio.php">Portfolio</a></li> 
           <li><a href="contact.php">Contact</a></li> 
           <li><a href="services.php">Services</a></li> 
          </ul> 

         </nav>

爲了獲得更小的視口，調整窗口大小喲770px或更低

我不知道爲什麼這個錯誤顯示出來。非常感謝您的幫助。

來源

2014-02-26 Jesus Adolfo Rodriguez

這似乎是一個堆棧問題。爲#main_menu定義一個z-index可修復它。

#main_menu { 
    .... 
    position: relative; 
    z-index: 1; 
}

小提琴：http://jsfiddle.net/marionebl/LNh3e/4/

來源

2014-02-26 17:05:38 marionebl

我已經刪除我的回答，因爲你的解決方案是正確保存的高度。 –

你是如何得出這個結論的？我沒有想到 –

當包裝元素的尺寸小於所有可點擊元素的集合時，出現了Chrome瀏覽器的類似問題，指定堆棧順序顯然總是爲我解決。當我有足夠的時間時會相應地更新答案。 – marionebl

Chrome瀏覽器錯誤與響應式導航菜單

回答

相關問題