为什么 IE7 不遵守 z-index 顺序？

Question

1. #cm_sidebarDIV div 的 z 索引为 3；
2. .abouttop 和 .aboutlist div 的 z-index 为 2

，因此 #cm_sidebarDiv 在 Firefox 和 Chrome 中显示时位于顶部，但在 EI7 中它仍位于底部。

#leftmanulist{ background:url("images/abouttop.gif") no-repeat;
float: left;
margin: 2px 2px 5px 30px;
padding:39px 0 0 0;
width:237px;
}

#leftmanulist ul li{line-height:35px;text-align:left; text-decoration:none;}
#leftmanulist ul li a{ text-decoration:none;}

#leftmanulist ul li:hover{ color:#0068FF;}
#leftmanulist ul li a:hover{ color:#0068FF;}

#leftmanulist ul li.index{ color:#0068FF;}
#leftmanulist ul li.index a{ color:#0068FF;}

  .abouttop{background:url("images/leftmanulist_z.gif") repeat-y ;
    padding:0 6px;  position:relative; z-index:2;
    width:237px;}

    .aboutlist{position:relative;left:28px;}
    .aboutbutton{background:url("images/leftmanulist_b.gif") no-repeat;
    width:237px; height:20px; position:relative; top:-17px; z-index:2;}
    .inword{color:#555555;font-size:0.92em;text-align:justify;line-height:24px;letter-spacing:1px; padding:30px 40px 0px 336px; }


    #cm_sidebarDIV {
        z-index: 3;
    }

有什么建议吗？

Answer 1

将 #cm_sidebarDIV 的位置显式设置为相对或绝对。

Answer 2

为了使 z-index 正常工作，它必须具有不同于静态（默认值）的定位设置。尝试将其更改为相对（或绝对，如果您需要的话）。

#cm_sidebarDIV {
    position: relative;
    z-index: 3;
}

Answer 3

我想这就是IE的神秘现象之一。
我将所有about divs更改为position: static，这解决了问题（不知道为什么）。