Regulación de la superposición de elementos en el eje Z en CSS
El orden de apilamiento de los elementos se puede controlar
utilizando la propiedad z-index, que acepta
valores de números enteros positivos o negativos,
o cero. La propiedad solo funciona
para elementos cuyo valor de position
está establecido como absolute, fixed
o relative.
Al usar esta propiedad, la regla
de apilamiento de elementos es la siguiente: estará más arriba
aquel elemento cuyo valor de z-index
sea mayor.
Cambiemos el orden de apilamiento de los elementos
del ejemplo anterior. Para ello, al primer
elemento le pondremos un z-index mayor
que al segundo, por ejemplo, así:
#elem1 {
z-index: 2;
}
#elem2 {
z-index: 1;
}
Resultado de ejecutar el código:
Repita la página según este ejemplo:
Repita la página según este ejemplo:
