Desafío: Controlar Z-Index y Superposición de Elementos
Tarea
Crea un fondo visualmente atractivo para el sitio web utilizando una ilustración compuesta por 5 imágenes diferentes. Todas las imágenes están correctamente posicionadas dentro del marco del elemento padre div
. Tu tarea es ajustar el orden de apilamiento usando la propiedad z-index
para lograr la vista deseada que se muestra en la imagen a continuación:
index.html
index.css
Para modificar el orden de apilamiento de las imágenes dentro del elemento padre div
, utilizar la propiedad z-index
. Un valor de z-index
más alto, como 1
, eleva el elemento por encima de otros en el contexto de apilamiento, haciéndolo visible en primer plano.
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
Can you show me the HTML structure for the images inside the parent div?
Which image should be on top according to the reference image?
Can you explain how the images are currently stacked without z-index?
Awesome!
Completion rate improved to 2.04
Desafío: Controlar Z-Index y Superposición de Elementos
Desliza para mostrar el menú
Tarea
Crea un fondo visualmente atractivo para el sitio web utilizando una ilustración compuesta por 5 imágenes diferentes. Todas las imágenes están correctamente posicionadas dentro del marco del elemento padre div
. Tu tarea es ajustar el orden de apilamiento usando la propiedad z-index
para lograr la vista deseada que se muestra en la imagen a continuación:
index.html
index.css
Para modificar el orden de apilamiento de las imágenes dentro del elemento padre div
, utilizar la propiedad z-index
. Un valor de z-index
más alto, como 1
, eleva el elemento por encima de otros en el contexto de apilamiento, haciéndolo visible en primer plano.
index.html
index.css
¡Gracias por tus comentarios!