在IE7下设置z-index没有反应-优快云博客

本文探讨了在使用固定定位的div元素时，如何在IE6、7、8浏览器中正确处理z-index层叠问题，确保按钮不被其他div元素覆盖。通过调整父元素的z-index属性，实现跨浏览器兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置了两个div，两个div都设置了position:fixted，这时按钮会被第二个div覆盖掉，一开始的解决方法是在按钮里面加上z-index的属性，这时在IE8正常，但是在IE6、7就不正常，后来在网上查了一下，原来是要在其父元素上面加z-index这个属性才有效果的。

CSS样式如下所示：

      .toolBar
        {
            width: 84px;
            height: 200px;
            position: fixed;
            border: 1px solid red;
            z-index: 88; /*IE6、7、8都可以显示*/
        }
        .closeButton
        {
            position: absolute;
            left: 95px;
            top: 100px; /* z-index:88;/*IE8可以显示，IE7和IE6却不能显示*/
        }
        .toolDiv
        {
            width: 100px;
            height: 200px;
            position: fixed;
            left: 98px;
            background-color: pink;
        }
        .close
        {
            border: 1px solid red;
        }