如何创建一个浮动下拉菜单？

Question

我想浮动下拉菜单上的其他items.But下面的代码显示下拉菜单，但下拉菜单是在项目下。我已经使用了z索引，但它对我来说工作不正常。可能是z索引的执行错误。

<style type="text/css"> 
li.css3videos ul {display: none;} 
li:hover ul {display: block; position: absolute;} 
li:hover li {float: none;} 

</style> 

<div id="css3navigation" style="position:absolute;top:119px;"> 
<nav id="css3mainnav">  <ol> 
<li class="css3videos"><a href="http://www.tolly2day.com/video/">Videos</a> 
<ul> 
<li><a href="#">Trailers</a></li> 
<li><a href="#">Movies</a></li> 
</ul> 
</li> 

Answer 1

所以，它听起来就像你遇到的是，在下拉菜单中，当掉了下来（或打开），是显示在屏幕上比主物理较低的元素后面了问题菜单。是对的吗？

请确保您的菜单父项既有位置值也有z-index值，并且还要确保您希望菜单的对象也显示在具有位置值的顶部。如果你想彻底的话，你也可以给它们分配z-index。