如何让层位于所有层之上最上方,z-index 无论设成多少都没用啊!
发布网友
发布时间：2022-04-23 08:46
共1个回答
热心网友
时间：2022-04-21 16:41
解决办法
父级元素加上position:relative;并设置z-index.
父级元素的z-index优先，其中包含的元素的z-index是相对于父级元素的index.
<div1 style="position:relative;z-index=2">
<div2 style="position:absolute;z-index=99"> 要显示最上层显示的div内容</div>
</div>
<div3 style="position:relative;z-index=1">
...
</div>
上面的例子中，倘若将第一个div的z-index设置为-1，则无论div的z-index为多少，多会被下面的div遮住。
相反，倘若下层div的z-index也设置成2，ie7正在解释时，会按照"position:relative"的层的顺序，自动叠加，即实际值是3.
没有加position属性时，所有值继承自父级。
实践说明：
导航加父框架div设置position:relative;z-index=1;
内部弹出层z-index设置最大值
js焦点轮播加父框架div设置position:relative;z-index=2
内部的各个框架子窗体设置相应的z-index值。这样就不会在互相影响了。因为他们的父窗体决定了显示级别。
