CSSでz-indexを指定する時、position: relative;だとIEでうまくいかない: Aman-Style感謝の朝礼スタッフブログちょっと今日はまってしまったCSS。 紙を重ねていくように、 要素を重ねるとき、上か下か、その順番を指定する「z-index」 数が大きいほど、重なりは上になります。 例） #test1 { z-index: 1; } #test2 { z-index: 2; } この場合、「test2」の方が上に表示されます。 さて、これを使って作業していたのですが、 各ブラウザで表示のチェックしてみると、、、、 IE5.5、IE6、IE7で、 上に表示したいものが下に回りこんでしまっている という現象がおこりました。 ざっと他を確認したところ、 Firefox3、IE8、Safari3(Win)では意図した通りに表示されます。 色々触ってみたり、調べてみたりしたところ、 原因は「 position: relative; 」にありました。 簡単に書くと、 html--------------------
