要素の重なりについて本気出して考えてみた（z-indexとか何とかとか） – No.1026

あなたはhtml/cssにおける要素の重なり方を知っていますか？ z-indexを指定しなければ先に書いたほうが下層で後に書けば上層に来る？ というわけで、実は割りと複雑な要素の重なりについて書きます。そこまで意識しなくとも支障がでることは滅多にないと思いますが、知っておいて損はないはずです。 ちなみに、昨今CSS3なるものが流行していますが、この記事はW3CのCSS2.1勧告（と付録）を元に書いています。 基本的な内容であり、目新しいことは特になにもありません。 スタックコンテキストとスタックレベル 用語と概念から。 ある意味、ここが一番よくわかりませんが、ここがわからないと何もわかりません。 スタックコンテキスト（スタッキング・コンテキスト） 簡単に言えばauto以外のz-indexと位置（static以外のposition）を指定した要素によって生成される階層構造を形成する固まりです

[hard-luck_hero]

z-indexを指定するには position: static; 以外（relative、absolute、fixed）の指定が必要

[kumokaji]

本題とは別にデザインすごい

[efcl]

CSSのz-index、プロパティのスタックコンテキスト

[kjirouu]

z-indexの重なり順序について

[mut00tum]

"垂直（z軸の）位置を指定するプロパティ"

[takanakahiko]

このサイトのデザインやべぇ

[studio-h]

分かりやすい！/position

[aoiasaba]

★必ずposition書いて！

[gon9before]

ソース表示すると、pタグhタグなど使い方がよく分かるサイト。

[kujoo]

/　このブログのスタイルデザイン面白い

[kojika17]

要素の重なりについて本気出して考えてみた（z-indexとか何とかとか） – No.1026

[petittomo]

内容もおもしろいけど、デザインが面白い！！

[tihata]

おさらいに!!