IE7设置z-index的覆盖问题的解决方法SZYD

IE7设置z-index的覆盖问题的解决方法SZYD ，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

在IE7及之前的版本中设置z-index的属性，确没有生效，查阅写资料，发现主要的结果和处理方法为：

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

如

代码如下:

<div >
<div ></div>
</div>
<div >
<div ></div>
</div>

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

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

代码如下:

<div >
<div ></div>
</div>
<div >
<div ></div>
</div>

这样，red就会覆盖black

关于IE7设置z-index的覆盖问题的解决方法SZYD 问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。