div被遮住,如何让div层显示在最外面一层z-index值
2014-04-01 20:31:33   来源:   评论:0 点击:

我在做导航栏的时候,由于导航栏下拉列表是用定位层做的,在下面的切换图片显示的时候,下拉列表被遮盖住了。同时我在网上搜索了很多的问题

我在做导航栏的时候,由于导航栏下拉列表是用定位层做的,在下面的切换图片显示的时候,下拉列表被遮盖住了。

 

同时我在网上搜索了很多的问题解答,实验了很多之后终于找到一个有用的。

注意:

1、所有的相关元素都得用DIV并且必须有等位属性:position:relative或者:position:absolute ;

2、将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;

3、其他在下面层的DIV中z-index的属性值都要小于最上层DIV的z-index值;

 

例子:

<div style="position:relative;"> 这里放动态层的内容 

    <div style="position:absolute; left:0px; top:0px; z-index:999;">浮动层,在动态层上</div>

</div>

相关热词搜索:

上一篇:div+CSS实现段落首行缩进两个字符
下一篇:z-index在IE中的中的兼容bug问题