Mostrar 3 div con posiciones absolutas. Mostrarlos uno arriba de otro. Hacerlos de distintos tamaños. Mostrar más arriba el más pequeño y así sucesivamente.
<!DOCTYPE html> <html> <head> <title>Problema</title> <meta charset="UTF-8"> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <div id="caja1"> <p>Esta es la primer caja.</p> </div> <div id="caja2"> <p>Esta es la segunda caja.</p> </div> <div id="caja3"> <p>Esta es la tercer caja.</p> </div> </body> </html>
#caja1{
position:absolute;
background-color:#000;
left:10px;
top:10px;
width:200px;
height:200px;
z-index:1;
}
#caja2{
position:absolute;
background-color:#888;
left:30px;
top:30px;
width:160px;
height:160px;
z-index:2;
}
#caja3{
position:absolute;
background-color:#aaa;
left:50px;
top:50px;
width:120px;
height:120px;
z-index:3;
}