HTML/CSS

[css]ブラウザの互換、ie6,ie7のz-indexのバグについて

[css][/css]ブラウザの互換、ie6,ie7のz-indexのバグについて

ie6の互換をチェックしたところz-indexがきかない?
おかしいな?と思い調べたところie6とie7にz-indexのバグがありました。
今更?と思うかもしれませんが、覚え書きとして。

ie6,ie7のz-indexのバグ

通常2つのdivの親要素が別々でz-indexは指定しない場合、ブラウザは子要素のz-indexの値が優先されるが、IE6とIE7は親要素の出現順が影響します。後から出現した親と子要素が手前になります。

解消法

解消法としては「同一階層」内においてz-indexをかけるしかないようです。
いちいち設定するのがめんどくさい場合はjqueryで出来るようです。

参考サイト▼
http://d.hatena.ne.jp/nzm_o/20100614/1276529390