スキップメニュー:コンテンツへナビゲーションへ

乱雑モックアップ   らんざつ[乱雑] (名・形動)[文]ナリ 入り乱れていること。乱れていて秩序がないこと。また、そのさま。

z-indexの使い方

2010年 5月 26日 |

html/css |

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリーのブックマーク数

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

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

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

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

IE 6,7 絡みの事。

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

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

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


コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

You can add images to your comment by clicking here.




Back to Top↑

あわせて読みたい

Back to Top↑

RSS 乱雑モックアップのフィード

Copyright © 乱雑モックアップ. All Rights Reserved.