z-indexの使い方

z-indexは、position ( relative / absolute / fixed ) と一緒じゃなきゃ適用されないッ!
といまさら知った自分にビックリ。

でも、positionを使ってない要素達の重なり順をコントロールしなきゃならないシチュエーションに遭遇する事なんて、ないだろうから知らなくてもなんとかなるんもんだ。

ついでにその他 z-index の事。

  • 数字が小さい方が背面で大きい方が前面。
  • マイナスも指定できる。

IE 6,7 絡みの事。

  • 入れ子の中で使った場合、その親要素の次に出てくる要素の方が前面に来る。
  • 親要素にz-indexを使うと解決できる。

左 / IE7で表示、右 / IE8で表示したスクリーンショット
左:IE7 / 右IE8

あんまりposition使わないから関係なさそう。


コメントを残す

メールアドレスが公開されることはありません。

You can add images to your comment by clicking here.