CSSリファレンス

z-indexの意味と使い方

「z-index」は位置指定された要素のボックスが、重なる順序を指定します。
このプロパティを有効にするには、positionプロパティの値に「relative」「absolute」「fixed」のいずれかが指定されている必要があります。

値の指定方法

整数値

「0」を基準に数値が大きくなるほど全面に重なり、逆に数値が小さくなるほど背面にまわります。


auto

記述した順番で重ねて表示されます。


関連プロパティ

  • position:ボックスの配置方法(基準位置)を指定する
  • top:上からの配置位置(距離)を指定する
  • right:右からの配置位置(距離)を指定する
  • bottom:下からの配置位置(距離)を指定する
  • left:左からの配置位置(距離)を指定する