z-indexまとめ - omnioo lab.

cssを使ったポジション取りはIE6からIE8、最新のFirefoxやchromeすべてに対応させるという際には結構面倒なことになります。結構ハマるのでその際の注意事項をまとめておきます。 すべてのブラウザーに共通に表示させる際には、 positon:absolute; positon:relative; positon:fixed; の３つとz-indexの関係を理解しておけば大丈夫です。 結果からいうと、最新のFirefoxやchromeはブロックをまたいでz-indexの設定が可能。しかし、IE6からIE7は同レベル（という言い方が正しいのか正しくないのかわかりませんが）のブロック要素でのみz-indexの設定が可能ということになります。つまり、ブロックレベルの階層が違う同士のz-indexの設定が反映されないということです。 ドロップダウンメニューなんかでは、ul il ul