z-index不起作用导致二级菜单hover的时候看不见,请问是什么是什么原因?
浮动会影响二级菜单位置吗?我清除浮动后,一级菜单的位置又乱了,清除浮动二级菜单确实显示是正常的。
<nav id="nav" class="box">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="#">机构职能</a>
<ul id="navn">
<li>666</li>
<li>666</li>
<li>666</li>
</ul>
</li>
<li><a href="list.html">政策法规</a></li>
<li><a href="list.html">执法动态</a></li>
<li><a href="new.html">阳光执法</a></li>
<li><a href="email.html">服务咨询</a></li>
</ul>
</nav>
nav { background: url(../images/nav_bg.png) repeat-x; border: #0d726e 1px solid; font-size: 14px; font-weight: bold; }
nav ul { overflow: hidden; border: #539dcf 1px solid; text-align: center; }
nav{ position:relative;}
navn{position: absolute;top: 31px;left: 269px; z-index:inherit;}
nav li { display: inline; line-height: 34px; background: url(../images/navline.png) right no-repeat; padding: 0 20px }
nav li a { color: #fff; }
nav ul li a:hover { color: #ffff99; text-decoration: underline }
nav ul li a#nav_current { color: #f5f521; }
ul > li > ul {}
ul > li:hover > ul { display: block; }
nav ul那个样式里的overflow:hidden导致被隐藏了应该是。而且你是要nav里的所有ul样式都这样么,如果不是,选择器最好更精确。
z-index为什么要设成继承,改成一个比较大的数就好了。
默认z-index都是相等的,写在后面的标签就是会覆盖前面的标签。