IE6と7あたりでz-indexが効かなくて困った場合の解決方法 - tukihatuの技術日記
早く死なないかなIE6。寿命後どれくらいかな。 いろいろ解決方法は提示されてるけど、どれもこれもわかりにくいというか説明が長い！ のでメモ。 結論 ◎IE6、IE7の仕様では、positionにrelative、absoluteなどを使うと重なり順が自動で設定される。（たぶん初期値0） ○親要素にz-indexを設定している場合、その中の要素でz-indexを指定しても親要素内でしか効果が無い！（これはどのブラウザでも同じ） （↑第一階層z-index:0 > 第二階層z-index:2000 よりも 第一階層z-index:1 > 第二階層z-index:0 の方が重なり順は上になる） ○z-index要素なしよりz-index:0のほうが強い。どちらも同じz-index:0の場合はソース順で下に書かれたものが強い。（これも他ブラウザと同じ） ×IE6、IE7では親要素positionに
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--------------------
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
