z-index再入門 | 第1回 z-indexの仕組み

次のようなケースでは、冒頭のサンプルのような意図しない重なりになる可能性が高いため注意が必要です。 positionプロパティの値をrelative、absoluteにし、かつz-indexの値をauto以外の整数値にしたとき positionプロパティの値をfixed、stickyにしたとき なぜなら、上記の条件下では、スタック文脈というものが形成されるからです。次に、スタック文脈を解説します。 スタック文脈とスタックレベル スタック文脈（stacking contexts）、スタックレベル（stack level）という概念は、z-indexを扱う上でとても重要なものです。 スタック文脈 スタック文脈とは、ある条件を満たした要素によって形成される階層構造（文脈）のことです。 スタック文脈を形成する条件は前述した通りですが、例えば、position: absoluteとz-indexに整

[hopekuson]

見た目ほど単純じゃないz-index

[EnnuimaZ]

z-indexは絶対値で考えてると死ぬってきいて調べたらとてもわかりやすい記事みつけた。わかりやすいけど扱える気がしないね…

[ricopinx]

立体でわかりやすい！

[route_haduki]

スタック文脈がわかればz-indexは怖くない。 position

[hapilaki]

図解でとても分かりやすい

[drumsco]

position によるスタックコンテキストについてチェック。

[idr_zz]

z-indexは子要素（absolute）だけでなく親要素（relative）に必要な時も。 ご利用は計画的に。 z-index再入門 - z-indexの仕組み

[miya2000]

Stacking Context https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context

[efcl]

z-indexのスタックコンテキストについての解説

[nilab]

「スタックレベルは、同一のスタック文脈内での重なり順です。z-indexの値が、同一スタック文脈内でのスタックレベルになります」

[yosuke_furukawa]

再入門します

[yamadar]

z-index とスタックレベルについて

[willnet]

めっちゃ参考になった