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í:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Resultado de ejecutar el código: