z-indexの意味

z-index は、CSS で要素の画面上の重なり順序を制御するプロパティです。

z-index の値は、要素の縦軸方向での表示順序を決定し、z-index の値が高い要素はz-index の値が低い要素の上部に重なって表示されます。

デフォルトの要素のz-indexはautoとなっており、これは要素の重ね合わせ順がドキュメントフローでの位置に基づくことを意味します。位置指定プロパティを使用していない場合、後に表示される要素が先に表示される要素を上書きします。

z-indexはpositionの指定（relative, absolute, fixedなど）が行われている場合に有効になり、値には正負の数字や0を指定できます。正の大きい値は、重ね順で上部に位置し、小さい正の値や負の値を覆います。

注意すべきは、z-index は位置プロパティを持つ要素間でのみ有効です。2 つの要素のいずれにも位置プロパティが設定されていない場合、それらの表示順序はドキュメントフロー内の位置によって決まります。

要約すると、z-indexプロパティは、ページ内の要素の重ね順を制御するために使用され、z-index値の高い要素は、z-index値の低い要素の上に表示されますが、配置プロパティが設定されている場合にのみ有効です。