z-index

やさしい説明

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

数値が大きいほど手前に表示されます。position: static以外の要素にのみ効きます。

具体例・使い方

z-index: 10 → 他の要素より手前に表示

z-index: -1 → 背景の後ろに配置

関連用語

• position
• overflow
• ボックスモデル

関連ブログ記事

• CSSとは？初心者向けにわかりやすく解説

⚠️ 関連するエラー

• スタイルが特定の要素に当たらない
• 余白がおかしい
• Flexbox でレイアウトが崩れる

❓ 関連するQ&A

• CSSを書いたのに画面が真っ白
• Flexboxで横並びにならない