南强小屋 Design By 杰米
在IE7及之前的版本中设置z-index的属性,确没有生效,查阅写资料,发现主要的结果和处理方法为:

父级元素若设置为position:relative时候,则子级元素的z-index属性会被覆盖



复制代码代码如下:
<div style="position:relative;">
<div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div>
</div>
<div style="position:relative;">
<div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div>
</div>

在这种情况下,无论第一个red的z-index设置多高,都是会被第二个black所覆盖的

解决的方案为,设置父级元素的z-index

复制代码代码如下:
<div style="position:relative;z-index:2;">
<div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div>
</div>
<div style="position:relative;z-index:1;">
<div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div>
</div>

这样,red就会覆盖black
标签:
IE7,z-index,覆盖

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“IE7 设置z-index的覆盖问题的解决方法”

暂无IE7 设置z-index的覆盖问题的解决方法的评论...