実践
z-index再入門
3

z-index再入門の最終回では、実際の業務で出くわす可能性のある困ったz-indexの実装が引き起こす問題を紹介し、実際の実装のヒントとして、その解決法をいくつか提案します。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

z-indexプロパティ、positionプロパティ、スタック文脈とスタックレベルを用いて、意図しない重なりが起こる原因を解説します。またスタック文脈を生成するz-index以外のプロパティにも触れます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

z-indexは要素の重なりを指定するプロパティですが、その仕組みを正確に押さえておかないと、思い通りの重なり順になりません。まずはz-indexの仕様も含め、z-index使用に必須項目を解説します。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア