menu
書いてる野郎
orebike@gmail.com
CSS / Style / z-index
CSS / Style / z-index
要素が重なって表示される際の順序を指定するもの
デフォルト
デフォルトでは親よりも子が手前、HTML上、先に書いてある要素よりも後に書いてある要素が手前になる。
これはデフォルトの z-index の値がそうしているわけでなく、CSS と関係なくそういう仕様。
スタックコンテキスト
重なり順序関係を決める一連の塊をスタックコンテキストと呼ぶ。
デフォルトではすべての要素は root すなわち body のスタックコンテキストに乗っていると考えてよい。
z-index が特定の要素に指定されると、その要素に対してスタックコンテキストが作られる。
z-index が指定されると、その要素はその上位のスタックコンテキストに対して相対的に重なり順が決定される。
