Multiples imágenes de fondo CSS

Un elemento sólo puede tener una imágen de fondo. sin embargo podemos añadir múltiples elementos de una capa en la parte superior, para crear el efecto de varias imágenes de fondo. Por ejemplo:

Multiples imágenes de fondo usando multiples capas CSS

.contenedor{width:370px;border:1px solid #222;
            margin:0;padding:8px;}
.capa{background:url(planta.png) bottom left no-repeat;}
.capa1{background:url(mundo.jpg) no-repeat right;}

<div class="capa1">
<div class="capa">
</div>
</div>

Multiples imágenes de fondo usando CSS3

El CSS3 permite añadir a un mismo elemento varias imágenes de fondo a la vez de este modo:

.capa{background: url(planta.png) bottom left no-repeat,
      url(mundo.jpg) no-repeat right;}

<div class="capa">
</div>