問題一覧に戻る
中級CSS基礎
問題33: z-indexの制御
z-indexを使って要素の重なり順を制御しましょう！
現在、HTMLの順序により赤（レイヤー3）が最前面にあり、青（レイヤー1）が隠れています。
z-indexを使って順序を逆転させてください：
📝 タスク1: 1つ目の___に3を入れて.layer1（青）を最前面に
📝 タスク2: 2つ目の___に2を入れて.layer2（緑）を中間に
📝 タスク3: 3つ目の___に1を入れて.layer3（赤）を最背面に
💡 CSSを適用すると、青が最前面、赤が最背面になります
HTML（読み取り専用）
CSS コードエディタ
リアルタイムプレビュー