purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

z-indexの挙動について

z-indexの挙動がIEとfirefox(IE以外??)で違うのです。

たまにpositionを使って、絶対番地とか相対番地でレイアウトしないといけない場合がありますが
その際にIEだと、リンクの上に画像をかぶせたらz-indexが聞かなくて、同じblock内にいれれば動くということがおきた。


こんな配置イメージ

原因を探して見つけたページはこれ


via
調べものブログ: IEとFirefoxでz-indexの扱いが異なる

個人的なまとめ

positionを割り当てるのは必ずblock要素にすること
要はimgタグを動かすんじゃなくて、divでくくってそれを動かす。
そうすればz-indexはIEでも効いてくれる。