2011-12-24 8 views
0

私はIE7との下位互換性のあるWebページを作成するのに苦労しています(私は 'IE7 ?!'を知っていますが、これは学校のコンピュータにあります)。私はdivを表示して、ページのフルサイズを表示して、ボディを暗くし、その上に2つの特定のdivを表示しようとしています。しかし、ページを見ると、ページ上の他のすべての要素(暗いzインデックスのものも含む)上に暗いdivが表示されます。 ページhereが表示され、netrenderを使用してIE7で表示できます。IE7のz-indexが正しくレンダリングされない

私はすべての要素に配置を適用しており、何もしていないようです。たぶんそれは私の目ですか?

+0

私はクロームとIE7の両方で同じように見えましたが、ここでデバッグしている特定のコードを貼り付けないと、 – footy

+0

IE7には深刻なボーク実装がありますZインデックス。私は現時点でこの問題を覚えていませんが、各要素の逆順でz-インデックスを設定することと関係があります。それは本当にひどいものでした。あなたのコードを表示することができれば(http://jsfiddle.netも試してみてください)誰かがそれを理解することができます。ライブサイトにリンクする際の問題は、それを修正したり操作したりするとすぐに問題はなくなります。 –

+0

あなたの質問には答えませんが、 '.blackBg'は絶対ではなく' position:fixed'でなければなりません。 – FakeRainBrigand

答えて

0

私が懸念している限り、それは可能ではないので、私は最後に諦めました。

2

私はあなたが#wrapper divのモーダルボックスdivを引っ張ってしまえば、うまくいくと思います。古いバージョンのIEは兄弟のZ-インデックス値を比較するので、#blackBg divはZ-インデックスがautoに設定された#wrapper divと自身を比較しています。モーダルボックスが両方の兄弟であり、Z-インデックスが高い場合、問題を解決することができます。

関連する問題