1. 位置に関するCSSプロパティ－z-index

z-index

z-indexは、要素の重なる順序を指定するプロパティです。

0を基準として、数値が大きいほど上に重なっていきます。

◯◯ {

  z-index: 数字;

}

このような書き方をします。◯◯では重なり順を変えたい要素を指定します（セレクタですね）。

指定した値が大きい要素ほど上に表示されます。数字には整数を入れます。

どんな時に使う？

「要素が重なるときに使うもの」と理解しておけば良いでしょう。

もしも効かない時

z-indexを指定したい要素のpositionをrelative、absolute、fixedのどれかにするだけです。今の要素の位置を変えたくない場合は、relativeにしましょう。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

工藤

最新記事 by 工藤 (全て見る)

• 位置に関するCSSプロパティ－z-index - 2025年12月8日
• 位置に関するCSSプロパティ－position - 2025年11月28日
• 余白に関するCSSプロパティ - 2025年10月16日