关闭

IE7 设置z-index的覆盖问题

标签: cssie7z-index覆盖
784人阅读 评论(0) 收藏 举报
分类:

在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



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:148381次
    • 积分:2151
    • 等级:
    • 排名:第18398名
    • 原创:50篇
    • 转载:113篇
    • 译文:0篇
    • 评论:4条
    最新评论