Soy la caja 1 |
Mi orden de apilamiento no se ve modificado.
z-index omitido. Equivale a z-index = auto. Mi orden de apilamiento no se ve modificado.
Soy la caja 2 |
Mi orden de apilamiento no se ve modificado. Estoy encima de la caja 1 porque aparezco después en el HTML. Es mi orden de apilamiento natural.
z-index omitido. Equivale a z-index = auto. Mi orden de apilamiento no se ve modificado. Estoy encima de la caja 1 porque aparezco después en el HTML. Es mi orden de apilamiento natural.
Soy la caja 3 |
A pesar de mi
z-index = 1A pesar de mi
z-index, mi orden de apilamiento no está modificado. Esto se debe a que no soy un elemento posicionado. z-index no tiene efecto sobre elementos no posicionados.
Soy la caja 4 |
Mi orden de apilamiento no se ve modificado.
z-index omitido. Equivale a z-index = auto. Mi orden de apilamiento no se ve modificado.
Soy la caja 5 |
Mi orden de apilamiento está modificado. Estoy encima de la caja 6 porque tengo un z-index diferente de auto y superior al de la caja 6. Además cumplo la condición necesaria de ser un elemento posicionado (
z-index = 1Mi orden de apilamiento está modificado. Estoy encima de la caja 6 porque tengo un z-index diferente de auto y superior al de la caja 6. Además cumplo la condición necesaria de ser un elemento posicionado (
position: relative;). Si no estuviera posicionado no tendría efecto mi z-index.
Soy la caja 6 |
Mi orden de apilamiento se ve modificado por el
z-index omitido. Equivale a z-index = auto. Mi orden de apilamiento se ve modificado por el
z-index de la caja-5.