在Internet Explorer 7中的Z索引問題

Question

我使用jQuery的下拉列表，當用戶將鼠標懸停在主菜單時，它將下降，它的工作正常，除了IE7和以下的所有瀏覽器，我正在使用z-index顯示所有元素前面的下拉菜單，但不會起作用。

菜單項（dummydummy）變爲文本框和按鈕的子菜單項的

風格

#sub-menu { 

z-index: 1000; 
} 

和文本框後面的按鈕一個div內部分組和div的風格是

#grouped { 
left: 100px; 
position: absolute; 
z-index:1; 
} 

Answer 1

的z-index只有relative位置工作，absolute & fixed。所以，給#submenu給position:relative。這樣寫：

#sub-menu { 
position:relative; 
z-index: 1000; 
} 

Answer 2

我會記修改CSS3 Pie。我們開始使用它，許多IE7古怪的錯誤消失了。

http://css3pie.com/

我很驚訝在那css3pie固定在IE7的事情。

Answer 3

您還可以嘗試將更高的z-index值應用到＃子菜單的ul和li值。這已經在一個超級菜單上工作，它給了我在IE7中的相同問題。

Answer 4

使用下面的代碼

#sub-menu { 
position:absolute; 
z-index: 1000; 
} 
#grouped { 
left: 100px; 
position:relative; 
z-index:1; 
}