IE 6懸停導航問題

我在導航中使用主導航中的子導航...唯一的問題是，在IE6中，子菜單將其他菜單項推到一邊，導致佈局斷開並搞亂了解網站的用戶視圖。IE 6懸停導航問題

進出口使用計算的HTML：

<li class="ulHover"> 
    <a></a> 
    <div class="subMenuTop"></div> 
    <ul class="subMenu"> 
     <li></li> 
     <li></li> 
    </ul> 
</li>

而CSS：

li .ulHover 
{ 
    width: 113px; 
    height: 71px; 
    background: transparent url(../images/MenuItemBgHover.png) no-repeat top right; 
    text-align: right; 
    float:left; 
    vertical-align: bottom; 
} 
.subMenu 
{ 
    background: #B02229; 
    padding: 0px 5px 5px 5px; 
    text-align:left; 
    width: 215px; 
    list-style: none; 
    margin-left: 1px; 
    position:absolute; 
    display:none; 
    z-index: 10000; 
} 

.subMenuTop 
{ 
    width: 225px; 
    height: 10px; 
    background: transparent url("../images/SubMenuTop.png") no-repeat top left; 
    margin-left: 1px; 
    margin-top: -3px; 
    display:none; 
    z-index: 10000; 
}

編輯：好吧，我加了絕對定位到div ......它停止頂層列表項目被推走......但子菜單的偏移是關閉的......只有在IE6中，在其他瀏覽器中，它確實工作...

來源

2009-11-09 Rickjaah

您能否提供導航菜單的完整HTML示例？ – BitDrink 2009-11-09 11:04:30

我在猜測這是一個水平菜單。那是對的嗎？你有沒有試圖將div的位置設置爲「絕對」而不是ul？以下是一個可能對您有幫助的例子：http://www.armbruster-baeckerei.de/philosophie.php

來源

2009-11-09 10:11:30

這當然適用於推動其他頂層li離開。現在又出現了另一個問題。在IE6中，偏移量是關閉的，但在其他瀏覽器中則沒有。 – Rickjaah 2009-11-09 10:18:08

您可以更具體些嗎？哪個抵消？水平偏移？垂直偏移？我們可以在什麼地方看嗎？ – 2009-11-09 13:35:10

submenuTop div未在您的代碼中關閉。這可能是解決問題的第一步。

來源

2009-11-09 10:04:51

對不起，它在我的代碼中關閉......只是沒有在示例代碼 – Rickjaah 2009-11-09 10:13:43

IE 6懸停導航問題

回答

相關問題