Challenge: Control Z-Index and Overlapping Element
Task
Create a visually appealing background for the website using an illustration composed of 5 different images. All images are correctly positioned within the frame of the parent div
element. Your task is to adjust the stacking order using the z-index
property to achieve the desired view outlined in the image below:
index.html
index.css
To change the stacking order of the images within the parent div
element, use the z-index
property. A higher z-index
value, such as 1
, raises the element above others in the stacking context, making it visible in the foreground.
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Pregunte me preguntas sobre este tema
Resumir este capítulo
Mostrar ejemplos del mundo real
Awesome!
Completion rate improved to 2.04
Challenge: Control Z-Index and Overlapping Element
Desliza para mostrar el menú
Task
Create a visually appealing background for the website using an illustration composed of 5 different images. All images are correctly positioned within the frame of the parent div
element. Your task is to adjust the stacking order using the z-index
property to achieve the desired view outlined in the image below:
index.html
index.css
To change the stacking order of the images within the parent div
element, use the z-index
property. A higher z-index
value, such as 1
, raises the element above others in the stacking context, making it visible in the foreground.
index.html
index.css
¡Gracias por tus comentarios!