fbpx

Responder a: ¿Por qué "z-index" no funciona en elementos con posición "static" en CSS?

  • Angel Sánchez

    organizador
    28 febrero, 2023 en 12:44 pm

    Hola Yamil, se te paso un detalle en el CSS de la imagen, te falto poner el “position: relative;” te voy a explicar detalladamente como esto afecta en el “z-index”:

    En CSS, cuando no se especifica la propiedad position, el valor por defecto que se aplica es static. Esto significa que los elementos se colocan en su posición normal dentro del flujo del documento, siguiendo el orden en el que aparecen en el código HTML.

    La propiedad z-index de CSS solo tiene efecto en elementos que tienen una posición explícitamente definida como relative, absolute, o fixed. Cuando la posición de un elemento se define como static, la propiedad z-index no tiene ningún efecto sobre él.

    Así que tu video tenía el “z-index:1” de forma correcta, pero tu imagen tenía el “z-index:2” y no tenía defienda la propiedad “position” así que por defecto estaba en “stactic” y eso hacía que el “z-index” no tuviera efecto.

    Tu código CSS corregido:

    .disfruta img{

    width: 100%;

    height: auto;

    border:0;

    position: relative;

    z-index: 2;

    }