子菜單 - 定位在某些瀏覽器中是錯誤的

-1

我寫了一個自己的wordpress主題，並在子菜單有問題。我希望在下面的示例中將鼠標懸停在「事件」鏈接後出現子菜單。在某些瀏覽器中，子菜單顯示在「事件」鏈接下，左側有5像素的空白。這可以。在其他瀏覽器（Win 7上的Firefox 17）中，子菜單顯示在「事件」鏈接的右側，而不是「事件」文本之下。子菜單 - 定位在某些瀏覽器中是錯誤的

有人知道爲什麼發生這種情況，我如何擺脫它？

謝謝。

例子：http://codepen.io/anon/pen/pqAIy

來源

2013-04-29 Torben

這是你的這部分代碼，你需要改變：

.menu-item:hover .sub-menu { 
     display: inline-block; 
     position: absolute; 
}

要這樣：

.menu-item:hover .sub-menu { 
     display: block; 
     position: absolute; 
}

（所以inline-塊來阻止）經過測試和工作NG在IE9 +，FF的Mz，鉻& Safari瀏覽器

來源

2013-04-29 12:04:28 Tyblitz

現在添加以下代碼

nav .menu li { 
position:relative; 
} 

nav .menu li:hover .sub-menu { 
    display:block; 
     left:0;right:0;top:18px; 
     position: absolute; 
}

Demo

此代碼是普遍運行所有最新標準的瀏覽器

來源

2013-04-29 12:34:20

子菜單 - 定位在某些瀏覽器中是錯誤的

回答

相關問題