CSS制作的二级导航下拉菜单撑开DIV图层。怎么解决？

html-css06

CSS制作的二级导航下拉菜单撑开DIV图层。怎么解决？,第1张

样式代码改成这样

ul, li { margin: 0pxpadding: 0px}

ul { list-style: none}

a { font-size: 12pxcolor: #000000text-decoration: none}

.navWrapper { width: 100pxheight: 30px}

.navWrapper ul li { position: relative}

.navWrapper ul li ul { display: noneposition: absoluteleft: 0pxtop: 30pxwidth: 100px}

.navWrapper a { display: blockheight: 30pxline-height: 30pxtext-align: centerbackground: #FF99CC}

.navWrapper ul li:hover ul { display: block}

.navWrapper ul li ul li a { color: #FFFFFFbackground: #000000}

页面代码改成这样

<div class="navWrapper">

<ul>

<li><a href="#">快速链接</a>

<ul>

<li><a href="http://www.webjx.com/">网页教学网</a></li>

<li><a href="#">我的首页</a></li>

<li><a href="#">我的日志</a></li>

</ul>

</li>

</ul>

</div>

测试要在IE8以上版本哦！

方法：设置div样式

z-index

:auto

auto可定义为一个值(整数数字)，越大代表越置前，如可定义为：

z-index:999。

前提是div是定位元素。