z-indexが効かない

原因: positionがstatic、またはstacking context 解決方法: relative/absolute等を付ける。親のtransform/opacityが文脈を作っていないか確認

CSS 実在のエラーメッセージです。原因と解決方法を解説します。

原因

positionがstatic、またはstacking context

relative/absolute等を付ける。親のtransform/opacityが文脈を作っていないか確認

エラー文の一部だけ分かる場合はエラーメッセージ検索に貼ると候補を即表示できます。 TypeScriptの設定起因ならtsconfig診断もどうぞ。