當鼠標懸停顯示爲塊時，Css ul display無效

我在下拉框中工作，但唯一能夠解決問題的方法是當我將鼠標懸停在無序列表中的Info信息上時，不顯示下拉框。當鼠標懸停顯示爲塊時，Css ul display無效

我知道我有display:none;ul style但你可以改變這個到display:block;當盤旋在單詞info？

我的HTML代碼：

<ul id="Menu"> 
    <li><a href="Index.html">Home </a></li> 
    <li><a href="Info.html">Info </a> 
      <ul style="display:none;"> 
      <li><a href="Index.html">Program</a></li> 
      <li><a href="Index.html">Getting Started</a><li> 
      <li><a href="Index.html">Credits</a></li> 
     </ul> 
    </li> 
    <li><a href="Community.html">Video </a></li> 
    <li><a href="Store.html">server </a></li> 
    <li><a href="Profile.html">Profile </a></li> 
    <li><a href="Help">Help</a></li> 
</ul>

這裏是我的CSS代碼：

#Menu { 
list-style:none; 
font-size:16px; 
font-weight:Bold; 
padding:14px 0 0; 
width:415px; 
margin-top:0; 
float:left; 
margin-left:0; 
} 

#menu { list-style:none;} 
li:hover > ul {display:list-item;} 
li ul { margin:0; padding:0; position:absolute;z-index:5;padding-top:6px;} 
li { float:left; margin-left:10px; } 
li ul li { float:none; margin:0; display:inline;} 
li ul li a {display:block; padding:6px 10px; background:#333; white-space:nowrap;} 
li { display: list-item; text-align: -webkit-match-parent;} 
ul { border:0; font-size:100%; font:inherit;vertical-align:baseline;}

幫助先進。任何幫助是apreciated :) 也發佈代碼不僅告訴我什麼是錯的，謝謝！

來源

2014-01-11 RamonRobben

使用#Menu之前，你的CSS類名：DEMO

，如：#Menu li:hover > ul {display:list-item;}

諾蒂奇： CSS類名是區分大小寫的

來源

2014-01-11 13:24:59 mehdi

謝謝。你的anwer是非常有幫助的 – RamonRobben

我想這是因爲html代碼包含內聯display:none。在<ul>的內部，我們應該在上面的html中刪除<ul style="display:none;">。

來源

2014-01-11 13:31:24

當鼠標懸停顯示爲塊時，Css ul display無效

回答

相關問題