私のCSSドロップダウンメニューがIE7のDIVの後ろに開いているのはなぜですか？

Question

問題を示すリンクは次のとおりです。http://xotics.equivalenceclass.com/test.php

IE7では、青い「home-banner」と「home-banner-wrapper」DIVの後ろに開きます。なぜ私は分からない。 「ホームバナー」の背景画像を削除するときに、これが問題を解決するとは思わない。私は無駄に要素のZ - インデックスCSSのプロパティで遊んでみました。

Answer 1

あなたが含まれているdivにposition: relativeがあるからです。 zインデックスはそのdiv内でのみ適用されます。 #headerにZ-インデックスを追加すれば正常に動作します。