Cómo poner una imagen de fondo (background) con tres imágenes

[Winter_Art]

Quisiera poner una imagen de fondo en tres partes:

la 1 sería el encabezado
la 2 el cuerpo que se repetiría indefinidamente
y que termine con la 3 que sería el pie de página

¿Hay alguna extensión para lograr este efecto?
Gracias.

[AlexVega]

Que tal,

Una posible solución es insertar la imagen vía CSS directamente en tu plantilla, la propiedad se llama backgrund-image, asignarías la imagen de fondo número 1 a la etiqueta header (si tu plantilla usa HTML5) o al div que contenga tu header y lo mismo para cada sección de tu sitio.

Adjunto enlace con código de ejemplo:
https://developer.mozilla.org/es/docs/W ... ound-image

Saludos!

[Winter_Art]

Adjunto enlace con código de ejemplo:
https://developer.mozilla.org/es/docs/W ... ound-image

Saludos!

Gracias, esta página me dio algunas ideas. No soy bueno en esto del código css, pero al final quedó así:

Code: Select all

background-image:
    url("..background/ej1.png"),
    url("..background/ej3.png"),
    url("..background/ej2.png");
background-size:
	100%,
	100%,
	100%;
background-position:
    top,
    bottom,
    center;
background-repeat:
    no-repeat,
    no-repeat,
    repeat;

Saludos.