让div层显示在另一个图层上面 z-index值

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

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

 

注意:
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>

You may also like...

发表评论