z-index はCSSで要素の重なり順序を制御するプロパティである。position が relative、absolute、fixed、sticky のいずれかに設定された要素に対して有効で、数値が大きい要素ほど手前に描画される。
重要な概念としてスタッキングコンテキストがある。z-indexは同じスタッキングコンテキスト内の要素間でのみ比較される。親要素が独自のコンテキストを形成した場合、その子要素のz-indexがいくら大きくても、親のz-indexを超えて他の要素より手前に出ることはできない。