Dos imágenes de fondo con CSS3

   Continuando con la página Las Edades de la Tierra, en este post voy a comentar cómo incluir dos imágenes de fondo en una ventana o div. Podéis ver que, en la citada página, en la zona izquierda, cuando desplegamos las explicaciones de las diferentes Eras de la tierra, tenemos como fondo dos imágenes en lugar de una. Esto lo conseguimos con otra de las bondades del CSS3, la cual nos permite colocar, insertar (o como lo queráis llamar) dos imágenes de fondo en lugar de una. El código CSS, incluyendo un color con opacidad, es como sigue:

.menuuno {
    background: url(images/humano.png) no-repeat fixed 35% 35%, url(images/mamut.png) no-repeat fixed 35% 65%;
    background-color: rgba(0, 0, 0, 0.6);
}

   Fácil ¿no?, las dos imágenes en una misma línea, sólo separadas por una coma. En este caso no se repiten (no-repeat), son fijas (fixed), están las dos a un 35% a la izquierda de la pantalla, la primera (humano.png) a un 35% de la parte superior y la segunda (mamut.png) a un 65% de la parte superior. Después el color de fondo (background-color) con una opacidad de 0.6. Así de sencillo.