僅限CSS文本子菜單（在精靈菜單下）僅在Chrome/Safari瀏覽器中未對齊

我有一個正在運行的精靈菜單，並且希望在其中一個項目下添加垂直子菜單。我在ie和firefox中完美運行，但是在webkit瀏覽器（chrome和safari）中，子菜單呈現在包含li的右邊界的左側，導致菜單無法使用。我已經嘗試了每個可以找到的CSS提示來完成這項工作，包括覆蓋webkit -40padding，但是我嘗試過的所有內容都不會影響這些瀏覽器中的對齊方式。僅限CSS文本子菜單（在精靈菜單下）僅在Chrome/Safari瀏覽器中未對齊

test page

來源

2012-06-27 that_girl

遺憾的是，答案如下解決了WebKit的問題，反而造成另一個IE。答案實際上是放回位置：relative，並在頂層菜單#navigation（ul id）中更改顯示內聯：display：block。希望這會幫助其他人。 –

找到你#navigation > li { position:relative }並刪除position:relative

來源

2012-06-27 17:22:19 Miro

這工作！非常感謝！ –

Np。我很高興它做到了。 – Miro

不知道這是不是一個單獨的問題，但子菜單隻出現在ie7主容器的右側，有什麼想法？ –

僅限CSS文本子菜單（在精靈菜單下）僅在Chrome/Safari瀏覽器中未對齊

回答

相關問題