Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky

Ver más
  • 13,065 Miembros
  • 9,531 Temas
  • 3,449 Seguidores
  • 0

Fondo

Como hago un fondo con varias imágenes? osea quiero "fondo1.jpg" y abajo "fondo2.jpg"
  • 0
  • -5Calificación
  • 1Seguidores
  • 292Visitas
  • 0Favoritos

27 respuestas

@elvago9 dijo Hace más de 1 año:

Creo que dos fondos en el mismo div no se puede.
Lo que podes hacer es dos divs pegados

@elvago9

@NickJP dijo Hace más de 1 año:

elvago9 dijo:

Creo que dos fondos en el mismo div no se puede.
Lo que podes hacer es dos divs pegados

@elvago9


IDEM
O CON PHP un fondo qe cambie al actualizar o java jquery para que balla pasando de fondos

@matman83 dijo Hace más de 1 año:

y si juntas las 2 jpg en 1 con algun programa de edicion de imagenes?

@NickJP dijo Hace más de 1 año:

tenes algun ejemplo de donde aya visto eso ?

@matman83 dijo Hace más de 1 año:

agusk_22 dijo:

matman83 dijo:

y si juntas las 2 jpg en 1 con algun programa de edicion de imagenes?


naa, los necesito separados


entonces usa 2 divs distintos como te dijeron arriba

@HeinrichB dijo Hace más de 1 año:

Si pones dos DIVS, uno dentro del otro:

<div class="fondo_1">
   <div class="fondo_2">
      <!-- todo el contenido que tienes -->
   </div>
</div>[code]

Y en el archivo CSS

[code]
.fondo_1{
   background-image:url(fondo1.png);
}
.fondo_2{
   background-image:url(fondo2.png);
}

@HeinrichB dijo Hace más de 1 año:

Jejej sigo rayandome con el BBCode...

<div class="fondo_1">
   <div class="fondo_2">
      <!-- todo el contenido que tienes -->
   </div>
</div>


Y en el archivo CSS

.fondo_1{
   background-image:url(fondo1.png);
}
.fondo_2{
   background-image:url(fondo2.png);
}

@elvago9 dijo Hace más de 1 año:

agusk_22 dijo:

elvago9 dijo:

Creo que dos fondos en el mismo div no se puede.
Lo que podes hacer es dos divs pegados

@elvago9


pero dos fondos en general, yo intente con esto:

body {background-image:url(fondo1.png, fondo2.jpg)}

pero no funciono


No así no te va a funcionar. Si es para el body vas a tener que unir las dos imágenes
O hacer con PHP algo aleatorio no se, si queres que cargue una imagen aveces y otras veces otra.

@NickJP dijo Hace más de 1 año:

matman83 dijo:

agusk_22 dijo:

matman83 dijo:

y si juntas las 2 jpg en 1 con algun programa de edicion de imagenes?


naa, los necesito separados


entonces usa 2 divs distintos como te dijeron arriba


pone dos div en la misma posicion uno abajo z-index: -1; y uno arriba z-index: +1;

Bueno una preguntilla y esto para que ?

@ksper9 dijo Hace más de 1 año:

Quizás si das un ejemplo de qué estructura querés crear se pueda encontrar una solución.

@jhonel89 dijo Hace más de 1 año:

pon los dos fondos en la misma imagen y listo, de otra manera tendrías que usar jquery pero igual si o si se tomaran dos contenedores de fondo

@ataxs dijo Hace más de 1 año:

Si me agregas al msn yo te lo soluciono. hablame por mp

@HeinrichB dijo Hace más de 1 año:

Con razón más de uno te pone -1 en tus temas...
Leyendo tu pregunta, casi todos te dimos la respuesta que puedes aplicar para todo tipo de caso que se te ocurra...

agusk_22 dijo:

pero abajo me refiero a uno encima del otro, no sobre


Disculpa si me equivoco pero acaso ENCIMA y SOBRE no son sinónimos??

@PROBANDO0123 dijo Hace más de 1 año:

HeinrichB dijo:

Con razón más de uno te pone -1 en tus temas...
Leyendo tu pregunta, casi todos te dimos la respuesta que puedes aplicar para todo tipo de caso que se te ocurra...

agusk_22 dijo:

pero abajo me refiero a uno encima del otro, no sobre


Disculpa si me equivoco pero acaso ENCIMA y SOBRE no son sinónimos??


Siempre pasa lo mismo en sus temas, y no se explica bien :s

@DANFAST dijo Hace más de 1 año:

DE ESTE SOFT SACO MUCHOS SCRIPT CON ASISTENTE PARA SACARME DE APUROS
http://www.taringa.net/posts/downloads/6450715/Wysiwyg-Web-Builder-7_0_0-_-Serial-_-Espanol.html
HAY MUCHOS SÓLO BUSCALOS EXPORTALOS EN HTML(DEPENDIENDO) Y LOS EDITAS A TU PÁGINA

Tienes que ser miembro para responder en este tema