IE7 设置z-index的覆盖问题的解决方法
在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
父级元素若设置为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
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。