li：在Chrome瀏覽器上懸停問題

Question

我在頁面上使用第三方菜單插件，打開懸停在主要項目上的子菜單。在FF瀏覽器中，它似乎工作正常，但是在Chrome上子菜單沒有顯示所需的位置（請參閱附加的屏幕截圖）。最奇怪的部分是這隻剩下一段時間後，花了一些時間在該頁面上顯示正確。

這是瀏覽器的問題？

CSS顯示子菜單

#cssmenu > ul > li:hover > ul { 
top: 52px; 
left: 0; 
opacity: 1; 
} 

Answer 1

你需要CSS的Chrome瀏覽器和-webkit-top設定值再添加一行按您的要求。我面臨同樣的問題的鉻和ie，但它已被解決，分別使用鉻和即-webkit-和-ie-。

像這樣：

#cssmenu > ul > li:hover > ul { 
top: 52px; 
left: 0; 
opacity: 1; 
-webkit-top:12px; 
} 

Answer 2

嘗試添加：

position: absolute; 
top: 100%;