新登場！ 44ページの電子書籍「CSS in 44 minutes」が発売されました！ 😃

今すぐ入手 →

#z-index

z軸上での要素の順序を定義します。位置指定された要素（`static`以外の要素）にのみ有効です。

デフォルト z-index: auto;

順序はHTMLコードの順序によって定義されます

  • コードの最初 = 後ろ
  • コードの最後 = 前

z-index: 1;

z-index値は他の値に相対的です。ターゲット要素は兄弟要素の前に移動します。

z-index: -1;

負の値を使用できます。ターゲット要素は兄弟要素の後ろに移動します。