2010-04-27 31 views
1
  1. #cm_sidebarDIV div有z索引3;
  2. .abouttop and .aboutlist的div有z-index的2

所以#cm_sidebarDiv是在頂部時,它顯示在Firefox和Chrome,但在EI7它仍然在底部。爲什麼IE7不尊重z-index順序?

#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; 
    } 

有什麼建議嗎?

+0

是否有任何類或繼承的樣式應用到#cm_sidebarDIV? – Cez 2010-04-27 14:38:08

回答

1

設置明確#cm_sidebarDIV的位置相對或絕對的。

1

Z-Index的正常工作,它必須有一個定位比靜態設置的不同,這是默認的。嘗試改變它的相對(或絕對的,如果這就是你需要的)。

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

@jpabluz #cm_sidebarDIV現在是相對的,但仍處於低谷。 – alexchenco 2010-04-27 14:24:57

0

我認爲這是IE的神祕現象之一。 我改變了所有的about divs到的位置是:靜態和解決的問題(不知道爲什麼)。