Tres imagenes en Background

#1 (**permalink**) 16/01/2010, 12:26

como puedo hacer para poner tres imagenes de fondo en una tabla, pero que no sean sobrepuestas, que la primera imagen no se repita, que la segunda se repita en Y y que la tercera tampoco se repita

tengo algo asi, pero no se puede

Código CSS:

Ver original#BACKGROUNDTABLA {
    
    background: url(/VIP-CARD/Imagenes/Background_05.jpg) no-repeat,
  
    background: url(/VIP-CARD/Imagenes/Background_resize.jpg) repeat-y,
    
    background: url(/VIP-CARD/Imagenes/Background_fin.jpg) no-repeat;
}

Carlangueitor · #2 (**permalink**) 16/01/2010, 13:21

Eso no se puedo, por lo menos con CSS 2 no, con CSS3 hay esta opción, pero no es compatible con muchos navegadores: http://www.css3.info/preview/multiple-backgrounds/

Saludos

ArturoGallegos · #3 (**permalink**) 16/01/2010, 13:44

en definitiva no se puede y eso del css3 mientras no sea oficial en todos los navegadores me parece que no es una buena opción....

en tu lugar optaría por colocar tres div uno con cada imagen que necesitas y ubicaros con el z-index para que se muestren abajo de tu contenido

Quarterback · #4 (**permalink**) 16/01/2010, 14:52

Hola Diegotopet, yo soy algo novato preo creo que esta seria mas o menos mi solucion, aunque no lo he probado en ningun navegador (Solo en IE):

Código CSS:

Ver original<html>
 
<head>
 
<style type="text/css">
 
 
#fondo1 {background:url("http://elgeek.com/wp-content/uploads/2007/07/notepad.jpg") no-repeat;}
 
#fondo2 {background:url("http://www.webjk.co.cc/line.jpg") repeat-y;}
 
#fondo3 {background:url("http://doblecuaderno.files.wordpress.com/2009/10/cielo.jpg") no-repeat;}
 
 
 
 
 
</style>
 
<title>Tres Fondos multiples</title>
 
</head>
 
<body>
 
 
 
<table><tr><td>
 
<div id="fondo3">
  <div id="fondo2">
    <div id="fondo1">
 
 
<h1>Tu Texto o Contenido</h1><br />
<h1>Tu Texto o Contenido</h1><br />
<h1>Tu Texto o Contenido</h1><br />
<h1>Tu Texto o Contenido</h1><br />
 
 
    </div>
  </div>
</div>
 
 
 
</td></tr></table>
 
 
</body>
</html>

Saludos a todos y me cuentas si te ha servido :)

Carlangueitor · #5 (**permalink**) 16/01/2010, 15:25

Amigo Quarterback, para que quieres poner los DIV dentro de una tabla, las tablas no son para maquetar,

Saludos

mariomon17 · #6 (**permalink**) 16/01/2010, 19:38

Eso mismo lo e intentado hacer yo: http://www.forosdelweb.com/f53/backr...stinto-764718/
pero no lo consigo

#7 (**permalink**) 16/01/2010, 20:00

También e escuchado que con CSS y javascript se puede, pero no e podido encontrar el script, seguiré buscando, pero si alguien sabe como, pasen el tip