Question

我制作的一个网页导航的下拉列表被我下面的div遮住了，怎么办？代码如下：

/*-------- 下拉菜单 --------------*/
.dropMenu {position:absolute;top: 0;z-index:100;width: 130px;visibility: hidden; margin: -7px 0 0 -1px;border: 1px solid #aec1df;border-top: 0px ;background-

color: #fff;padding-top:6px;padding-bottom:6px;}
.dropMenu li {margin-top:2px;margin-bottom:4px;padding-left:12px;}
.dropMenu li a{z-index:1000;width: 100px;display: block;background:url('图片/亮4.gif') no-repeat left 10px;text-align:left;text-decoration:none;color:

#161616;padding: 4px 0 4px 8px;}
.dropMenu+li a{border-top:none;}
* html .dropMenu a {width: 100%;color:#333;}
.dropMenu a:hover {text-decoration: underline;color:#2d6bac;background:url('图片/2.gif') no-repeat left 10px;}
div部分：

<div class="" align=center>
<center>
<td><iframe src="js1/1.html" style="width:980px; height:380px; margin:5px 0px; margin-left:-8px; border:none; background:none;"></iframe></td></center>
</div>

Answer 1

用z-index来提升它的层排序，
这个值可以是负数，越大越在前，

用在你被档住那个元素上，，还有，z-index一定要在用了position:的元素上才会起作用。

追问

可以说的具体点吗？不太懂！

追答

就是给你被档住的层，加上样式：z-index:99

Answer 2

调节z-index属性就行了，其值越大，层越在上面

追问

怎么改？在哪里改啊？我是新手啊！

追答

这也是一个css属性，跟border、margin等等那些是一样的用，写的时候就是这样

，当然了，那个值自己设就行了，跟上面说的一样

Answer 3

试试给那个下拉的DIV一个z-index;然后也给下面的DIV一个z-index,但是下面的那个设置比下拉那个低，

追问

能说的具体点吗？谢谢！

追答