IE7で動作するようにz-インデックスを取得する

Question

navは、macとpcでテストしたすべてのブラウザで同じように動作します。しかし、私の人生のために私はなぜIE7でメインのコンテンツブロックのコンテンツの下に表示されているナビゲーションを把握することはできません。問題を見るにはhttp://obs4.dynapp.net/をチェックしてください。IE7にしか存在しません。問題を解決するのに興味がある場合は、ソースを確認してください。私は知らない、私はhtml/cssを見て何時間も費やしたことがありません。

http://obs4.dynapp.net/

Answer 1

これは重大な厄介なIE7バグです。これは、DOMの後の位置付けされた要素が、Zインデックスの状態に関係なく、DOMの初期要素よりも優先されるために発生します。

この記事では、それを修正する方法を説明します：http://thedesignspace.net/MT2archives/000763.html

基本的には、少なくとも共通の祖先に位置し、Zインデックスを追加します。そのため、ヘッダーとコンテンツが両方ともコンテナに含まれている場合は、そのコンテナに位置とZインデックスを追加します。彼らが身体の直接の子供であれば、それを身体に加えます。

希望に役立ちます。

Answer 2

のzインデックスは、IE7との奇妙です。あなたのナビにはposition: absoluteがあります。あなたのコンテンツにはposition: relativeがあります。はい、あなたの位置は問題ではありませんが、z-indexingはうまくいくはずですが、IE7はその影響を受け、z-indexの2つの異なる "スタック"を与えます。absoluteとrelative要素は相互に作用しません。代わりにposition: relativeをナビゲートし、それに応じてCSSを再調整してみてください。