Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Controlar Z-Index y Superposición de Elementos | Dominio del Posicionamiento en CSS
Técnicas Avanzadas de CSS

bookDesafí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.html

index.css

index.css

copy

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.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 11

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Awesome!

Completion rate improved to 2.04

bookDesafí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.html

index.css

index.css

copy

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.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 11
some-alt