いつから、z-indexがpositionだけのものだと錯覚していた？ - Qiitaタイトルの元ネタになっている『BLEACH』は読んだことありません。 悩ましいz-index問題 CSSを学んだことある人なら一度は通るz-index問題。単純にz-indexの値で重なりが決まるのではなく、親要素との関係によって重なりが変わるので複雑です。ついz-index: 9999はやってしまいます。（一番上なんだな、っていうのが分かりやすいので良いとは思いますが） これが問題になるのはpositionのプロパティを使ったときが多いですが、position以外にもz-indexが有効になるプロパティがあります。 具体例がこちら↓ See the Pen z-index by Nishihara (@Nishihara) on CodePen. この記事ではHTMLは以下のようにidの小さい方から書かれている前提になります。 <section class="section sectio
