IE7 设置z-index的覆盖问题的解决方法
发布时间：2016-12-27 来源：查字典编辑
摘要：在IE7及之前的版本中设置z-index的属性，确没有生效，查阅写资料，发现主要的结果和处理方法为：父级元素若设置为position:rel...
在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