CSS3: Varias imagenes de fondo(BackGround)

CSS es una herramienta muy potente, que ha ido evolucionando siendo CSS3 la ultima versión, en la cual se agregaron y se eliminaron características. Tambien se modificaron, como es el caso de la propiedad Background la cual admite mas de una imagen, sin tener que agregar capas flotantes, el resultado es el siguiente:

Este es el efecto!!

Si no lo observas es el siguiente:

Código HTML: Código CSS:Esta propiedad es compatible con:

Google Chrome 3+
Mozilla Firefox 3.6+
Safari 3+

Puedes agregar las imágenes que quieras separadas por una coma. Mientras que los demás valores son los mismos o mas bien los posibles valores son los mismos que en CSS2, que se pueden ver en: Propiedades de Background en CSS
La sintaxis general es la siguiente:

En CSS
En JavaScript
Un ejemplo en CSS:
Un ejemplo en JavaScript:

Pero si quieres colocar los valores separadamente, puedes hacerlo de la siguiente manera:

En CSSEn JavaScript

Algo interesante que podrás agregar y que en un futuro podrá ser compatible con cualquier navegador!