首页 > 求助为什么z-index不起作用,浮动会影响二级菜单位置吗?

求助为什么z-index不起作用,浮动会影响二级菜单位置吗?

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都是相等的,写在后面的标签就是会覆盖前面的标签。

【热门文章】
【热门文章】