我尝试使下拉菜单,但我不知道为什么当ul
悬停比下降li
不正确显示我有使用z-index,也使用位置相对。请检查此顶部菜单。下拉菜单没有正确显示
的CSS
#menu > ul > li:hover ul {
display:inline;
}
#menu ul li ul{
position:relative;
display:none;
list-style: none;
margin:0px;
width:200px;
z-index:1000;}
的Html
<div id="menu">
<div class="home-icn">
<a href="<?php echo $home; ?>"><i class="icon-home"></i></a>
</div>
<ul >
<li><a id="print_menu" href="">Printing</a>
<ul id="drop_menu_f">
<li><a>Business Cards</a></li>
<li><a>Brochure</a></li>
<li><a>Door Hangers</a></li>
<li><a>Envelopes</a></li>
<li><a>Flyers</a></li>
<li><a>Invoice Books</a></li>
<li><a>Magnet Cards</a></li>
<li><a>Note Pads</a></li>
<li><a>Post Cards</a></li>
<li><a>Plastic Cards</a></li>
<li><a>Posters</a></li>
<li><a>Presentation Folders</a></li>
</ul>
</li>
</ul>
</div>
谢谢我知道关于that.my方面我的html结构和css correct.Check我已经添加html代码question.check它。 –
http://jsfiddle.net/e3ZtR/我用你的html做了一个新的小提琴,它仍然显示工作。这导致我认为你的代码中有一些其他的CSS或JavaScript导致了这个问题。 – echochamber