2019年05月16日(木)

CSSでレイアウトする際、z-indexが効かない時の4つの理由と対応方法

• 0
• 154
• 85
• 179

CSSでレイアウトする際、z-indexが期待通りに機能しない時がありませんか？
z-indexは重なり順を定義するプロパティですが、単なる重なり順だけでなく、いくつか複雑なルールがあります。

z-indexがうまく効かない時の主な4つの理由とその対応方法について紹介します。

4 reasons your z-index isn’t working (and how to fix it)

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

はじめに

z-indexとは、レイヤー上に要素を重ねて配置できるCSSのプロパティです。このプロパティはとても便利で、レイアウトする際にも重要なプロパティです。

しかし残念ながら、z-inde...