CSS菜單ul ul li下拉菜單不工作在ie 7或6請幫助

我在ie 6/7上的下拉菜單存在問題，它在我的網站上落在其他div的後面：CSS菜單ul ul li下拉菜單不工作在ie 7或6請幫助

http://www.bankruptcy.co.uk/

我已經使用zindex在其他瀏覽器中修復了它。

任何幫助將非常感謝。

這裏是菜單代碼。

//我不能發佈HTML因爲它有太多的鏈接。

這裏是CSS。

/* JS disabled styles */ 
nav li:hover ul { display:block; } 

/* base nav styles */ 
nav { 
    display:block; 
    margin:0; 
    position:relative; 
    background-color:#1D1AB2; 
    border-top-width: 1px; 
    border-bottom-width: 3px; 
    border-top-style: solid; 
    border-bottom-style: solid; 
    border-top-color: #222; 
    border-bottom-color: #222; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    height: 35px; 
} 
nav ul { 
    padding:0; 
    margin:0; 
    background-color: #1D1AB2; 
} 
nav li { position:relative; float:left; list-style-type:none; z-index: 199; 
} 
.li80 { 
    position:relative; 
    float:left; 
    width: 80px; 
} 
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
nav li a { 
    display:block; 
    padding:10px 17px; 
    border-left:1px solid #999; 
    color:#FFFFFF; 
    text-decoration:none; 
    font-weight: bold; 
} 
nav li a:hover { 
    color:#036; 
    background-color: #FFD073; 
} 
nav li a:focus { outline:none; text-decoration:underline; } 

/* base nav styles */ 
nav li:first-child a { border-left:none; } 
nav li.last a { border-right:none; } 
nav a span { display:block; float:right; margin-left:5px; } 
nav ul ul { 
    display:none; 
    width:100%; 
    position:absolute; 
    left:0; 
    background:#3333cc; 
    z-index: 99; 
} 
nav ul ul li { float:none; } 
nav ul ul a { 
    padding:5px 10px; 
    border-left:none; 
    border-right:none; 
    font-size:12px; 
}

來源

2011-03-21 Stephen Wolfe

看起來您嘗試使用li/IE6 JS修復程序，但您至少在打開的驗證腳本中留下了兩個函數。嘗試關閉最後兩個函數：validateTime（fld）和validateDate（fld）...'}'。我在加載時遇到錯誤 – Dawson 2011-03-21 16:04:33

我看你已經有工作「上的其他元素懸停」，那麼試試這個

刪除position: relative從

nav li { 
    position:relative; float:left; list-style-type:none; z-index: 199; 
}

，並在它下面添加一個新的規則：

nav li:hover { 
position: relative; 
}

有幫助嗎？

來源

2011-03-21 14:26:12 clairesuzy

CSS :after屬性isn't recognized在IE6/7中。恐怕你需要爲此找出其他解決方案。

來源

2011-03-21 13:10:10 fabrik

確實如此，但這不是我們要求解決的問題：''我在ie 6/7的下拉菜單中遇到了問題，它在我的其他div上落後於我網站「' – thirtydot 2011-03-21 14:52:28

不能使用鋰元素上懸停在IE 6

有一些JavaScript資源的下方，它允許你這樣做。這裏的鏈接..包括CSS鏈接，一切都會好起來之前，這個腳本;）

http://ipkhakadze.com/resources/js/menu.htc

來源

2011-03-21 13:13:10

in <！ - [if IE 6] - > tags！ – Dunhamzzz 2011-03-21 14:54:17

CSS菜單ul ul li下拉菜單不工作在ie 7或6請幫助

回答

相關問題