Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Ordre d'Empilement | Positionnement des Éléments
Techniques CSS Avancées

bookDéfi : Ordre d'Empilement

Tâche

Créez un arrière-plan visuellement attrayant pour le site web en utilisant une illustration composée de 5 images différentes. Toutes les images sont correctement positionnées dans le cadre de l'élément parent div. Votre tâche est d'ajuster l'ordre d'empilement en utilisant la propriété z-index pour obtenir la vue souhaitée décrite dans l'image ci-dessous :

index.html

index.html

index.css

index.css

copy

Pour changer l'ordre d'empilement des images à l'intérieur de l'élément div parent, utilisez la propriété z-index. Une valeur z-index plus élevée, comme 1, élève l'élément au-dessus des autres dans le contexte d'empilement, le rendant visible au premier plan.

index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 11

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.04

bookDéfi : Ordre d'Empilement

Glissez pour afficher le menu

Tâche

Créez un arrière-plan visuellement attrayant pour le site web en utilisant une illustration composée de 5 images différentes. Toutes les images sont correctement positionnées dans le cadre de l'élément parent div. Votre tâche est d'ajuster l'ordre d'empilement en utilisant la propriété z-index pour obtenir la vue souhaitée décrite dans l'image ci-dessous :

index.html

index.html

index.css

index.css

copy

Pour changer l'ordre d'empilement des images à l'intérieur de l'élément div parent, utilisez la propriété z-index. Une valeur z-index plus élevée, comme 1, élève l'élément au-dessus des autres dans le contexte d'empilement, le rendant visible au premier plan.

index.html

index.html

index.css

index.css

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 11
some-alt