我有一個網站的CSS下拉菜單，它適用於Chrome和Firefox，但在IE中，下拉菜單不顯示....它幾乎就像它根本不存在...IE拖放菜單不工作

我已經嘗試了多次從其他網站複製一些代碼或菜單我有那些在IE中工作，但沒有成功。

這裏的HTML ...

<ul id="menu"> 
<li><a href="http://www.manor.co.za">INTRO |</a></li> 
<li><a href="guesthouse/index.php">HOME |</a></li> 
<li><a href="guesthouse/accommodation/index.php">ACCOMMODATION & RATES |</a></li> 
<li><a href="guesthouse/information/index.php">INFO |</a></li> 
<li><a href="guesthouse/activities/index.php">ACTIVITIES |</a> 
<ul class="sub-menu"> 
    <li><a href="guesthouse/groute/index.php">GARDEN ROUTE ACTIVITIES</a></li> 
</ul> 
</li> 
<li><a href="guesthouse/golf/index.php">GOLF |</a></li> 
<li><a href="guesthouse/news/index.php">NEWS |</a></li> 
<li><a href="guesthouse/contact/index.php">CONTACT US |</a></li> 
<li><a href="guesthouse/directions/index.php">DIRECTIONS |</a></li> 
<li><a href="guesthouse/gallery/index.php">GALLERY</a></li> 
</ul>

的CSS

/*Initialize*/ 
ul#menu, ul#menu ul.sub-menu { 
padding:0px 0 0px 0; 
margin: 0px; 
/*background-color:#9A844C;*/ 
} 
ul#menu li, ul#menu ul.sub-menu li { 
list-style-type: none; 
display: inline-block; 
display:inline; 

} 
/*Link Appearance*/ 
ul#menu li a, ul#menu li ul.sub-menu li a { 
text-decoration: none; 
color: #573A2F; 
padding: 0px; 
display:inline-block; 
font-size:10px; 
} 
ul#menu li a:hover { 
text-decoration: none; 
color: #000; 
padding: 0px; 
display:inline-block; 
} 
/*Make the parent of sub-menu relative*/ 
ul#menu li { 
position: relative; 
padding-bottom:5px; 
z-index:100001; 
} 
/*sub menu*/ 
ul#menu li ul.sub-menu { 
display:none; 
position: absolute; 
top: 20px; 
left: 0; 
width: 200px; 
background-color:#E2D9C6; 
z-index:100001; 
} 
ul#menu li:hover ul.sub-menu { 
display:block; 
z-index:100001; 
} 
ul#menu li ul.sub-menu:hover { 
display:block; 
color: #573A2F; 
z-index:100001; 
}

任何幫助將不勝感激......

來源

2013-06-27 gwim

我們在這裏指的是哪個版本的IE？ – naththedeveloper

我想可能是6，不確定如何檢查：P – gwim

不針對IE6開發。 http://www.ie6countdown.com/和http://www.w3counter.com/trends（IE6：不到0.6％的互聯網用戶）。繼續前進。 –

我與你的代碼進行覈對，它是工作在我的系統。我在IE7,8檢查和9

另一個建議只是改變CSS下方並再次檢查：

我剛剛從「UL＃菜單裏ul.sub菜單：懸停」到「UL＃菜單li：hover ul.sub-menu「

ul#menu li:hover ul.sub-menu { 
display:block; 
color: #573A2F; 
z-index:100001; 
}

來源

2013-06-27 07:20:00

感謝您的回覆，但沒有工作，雖然:( – gwim

在哪個版本的IE RU檢查？ –

正如其他人所說的，您的代碼可以與IE7，IE8和IE9一起使用。

如果問題真的是與IE6的，我不會去解決當前的問題，因爲下面一行：

這是不值得的

而與此我不是那個意思你的工作不值得，但沒有人應該爲IE6開發。這是一個10歲的瀏覽器，應該儘快進入睡眠狀態。這不僅僅是我的意見，而是微軟的！請參閱HERE，並注意Microsoft頁面頁腳處的版權。

另請參閱HERE瞭解瀏覽器使用統計信息：只有0.6％的互聯網用戶使用IE6。你的時間值得嗎？

來源

2013-06-27 07:32:07

是的，我同意，謝謝。 8並檢查它運行不同版本的IE的多臺機器...仍然沒有解決方案... – gwim

@gwim如果其他人測試了你的代碼，它的工作原理，恐怕你的問題太侷限，無法解決 –

IE拖放菜單不工作

回答

這是不值得的

相關問題