Poner 3 imagenes de fondo a un div

[Rolando Gomez]

Quisiera saber como poner 3 imagenes de fondo a un div, uno arriba, uno abajo y uno en general, e intentado con background-position pero solo me sirve para una imagen.

Lo que quiero es poner unos diseños especiales en la cabecera y el pie de un div, y de imagen de fondo un degrade, deseo hacerlo asi ya que si se cambiara el diseño solo se debe cambiar el archivo css y no se toque el archivo html.

By

[emiliodeg]

el background es unico
deberas aplicar los divs asignandole un fondo a cada uno
para encimar usas z-index
saludos

[Rolando Gomez]

Gracias por tu respuesta pero no entiendo, podrias dar un ejemplo de como hacerlo ya que yo utilizo un solo div y tu mencionas varios, deseo poner una cabecera y un pie en un div como lo haria, gracias de nuevo.

[AlZuwaga]

No se puede en un div (ni en cualquier otro elemento) colocar más de una imagen de fondo. Debés usar un div para cada una, por ejemplo...

Código:

<div id="persona">
  <div id="cabeza"></div>
  <div id="torzo"></div>
  <div id="piernas"></div>
</div>

... y a cada uno darle las propiedades que necesites.

[marcelomdsc]

una forma mas facil de hacerlo es, darle una imagen de background al div y despues agregar una imagen arriba de esa con el codigo en html, ahi ya tienes dos para agregar mas, tendrias que hacer como ya dijeron un div con un diferente valor de z.
Pero no entiendo porque precisas 3 imagenes en un mismo div, talvez nos puedas dar un link con un ejemplo asi seria mas facil aconsejarte ya que muy raras veces es nesesario hacer eso.