Superposición de elementos en el eje Z en CSS
En esta lección consideraremos la superposición de elementos en el eje Z. Por defecto, si dos elementos se superponen uno al otro, el que estará arriba será el elemento que aparece más abajo en el código HTML.
Veamos un ejemplo. Supongamos que tenemos dos elementos, posicionados absolutamente para que se superpongan entre sí. En ese caso, el elemento que estará arriba es el que aparece más abajo en el código HTML:
<div id="elem1"></div>
<div id="elem2"></div>
#elem1 {
position: absolute;
top: 30px;
left: 30px;
width: 100px;
height: 100px;
background: #ff8888;
}
#elem2 {
position: absolute;
top: 60px;
left: 60px;
width: 100px;
height: 100px;
background: #7e89eb;
}
:
