IE6/IE7解决z-index属性不兼容的问题

IE6 和 IE7 有一个 bug，如果只是对一个子元素设定 z-index，这个值再高，也不能覆盖与父元素同级的其他元素。所以现在通用的解决方法是对子元素的父元素也定义一个 z-index 的值。例如：

<body>
    <div class="container">
        <div class="test"></div>        
    </div>
</body>

假如你已经定义了 .test {z-index:9999;}，如果要让这个样式在 IE6、IE7 下面生效的话，就还要在 container 的 div 里面加一句：.container {z-index:100;}

如果 container 还有一个父元素，就要在那个父元素上也定义一个 z-index 的值才行。

发表评论

登录后参与评论

泪雪建站