Foros del Web » Creando para Internet » CSS »

Poner 3 imagenes de fondo a un div

Estas en el tema de Poner 3 imagenes de fondo a un div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/06/2007, 12:52
 
Fecha de Ingreso: enero-2006
Mensajes: 8
Antigüedad: 11 años, 10 meses
Puntos: 0
Poner 3 imagenes de fondo a un div

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
  #2 (permalink)  
Antiguo 12/06/2007, 12:46
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Poner 3 imagenes de fondo a un div

el background es unico
deberas aplicar los divs asignandole un fondo a cada uno
para encimar usas z-index
saludos
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 12/06/2007, 13:23
 
Fecha de Ingreso: enero-2006
Mensajes: 8
Antigüedad: 11 años, 10 meses
Puntos: 0
Re: Poner 3 imagenes de fondo a un div

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.
  #4 (permalink)  
Antiguo 12/06/2007, 13:34
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Re: Poner 3 imagenes de fondo a un div

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.
  #5 (permalink)  
Antiguo 12/06/2007, 14:05
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Poner 3 imagenes de fondo a un div

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.