Internet Explorer 7でZ-インデックスの問題

Question

jqueryを使用してドロップダウンリストを使用しているときに、ユーザーがメインメニューを表示したときにドロップダウンし、IE7以下を除くすべてのブラウザで問題なく動作します。すべての要素の前にドロップダウンメニューを表示するが、それは動作しない。

メニュー項目（dummydummy）テキストボックスの後ろに行き、サブメニュー項目のボタン

スタイルは

#sub-menu { 

z-index: 1000; 
} 

で、テキストボックスとボタンがdivの内側にグループ化され、 divのスタイルは

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

Answer 1

z屈折率位置のみrelativeで動作する、absolute & fixed。したがって、にposition:relativeを渡してください。

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

Answer 2

ですCSS3パイを試してみる。私たちはそれを使い始め、多くのIE7のバグが消えました。

http://css3pie.com/

私はIE7で固定css3pieもので驚きました。

Answer 3

また、＃サブメニューのulとliの値に高いz-インデックス値を適用することもできます。これはIE7で私に同じ問題を与えていたスーパーフィッシュのメニューに取り組んできました。

Answer 4

完全なマークアップとCSS（またはより良い、問題を再現するために必要なだけのコードでフィドル）を見ることなく確実に言うが、**の親を与えてみてくださいすることは困難

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