aplicar varias imagenes de fondo

fmiguelcapel · #1 (**permalink**) 22/02/2013, 04:26

hola, resulta que estoy maquetando una web y me gustaria poner 2 imagenes de fondo al body con un porcentaje en top del 20% y otra en el bottom del 40%.
Lo he intentado por mi mismo y no lo acabo de conseguir sobretodo lo que se refiere al añadir el porcentaje y utilizando shorthand.
A ver si alguien me pudiera echar una mano. saludos...

pzin · #2 (**permalink**) 22/02/2013, 04:47

¿Cómo probaste a hacerlo? Pon código.

fmiguelcapel · #3 (**permalink**) 22/02/2013, 04:57

asi:

background: url(../imagenes/fondo_body.png) 20% top repeat-x,
url(../imagenes/fondo2_body.png) 30% bottom repeat-x;

Saludos...

pzin · #4 (**permalink**) 22/02/2013, 05:23

El shorthand para background es en este orden: color image repeat attachment position.

Para la posición, el primer valor —en tu caso 20% ó 30%— se refiere al eje X y el segundo valor —bottom en tu caso— se refiere al eje Y.
Por lo que estarías indicando que se posicione horizontalmente 20%/30% y verticalmente alineado abajo.

fmiguelcapel · #5 (**permalink**) 22/02/2013, 05:34

perdon , no lo acabo de entender.
yo pongo esto: background: #FFF url(../imagenes/fondo_body.png) repeat-x fixed top
y como indicar el porcentaje de la primera imagen?

leoass · #6 (**permalink**) 22/02/2013, 06:04

hola miguel. Creo que entendi mas o menos que es lo que queres hacer. Mira este enlace. Por ahi te puede ayudar

pzin · #7 (**permalink**) 22/02/2013, 06:38

Quería decir que tenías, o al menos eso parece, un error conceptual. Que los valores que afectan al posicionamiento son a los ejes X e Y. No puedes ponerlo a un 30% de la parte inferior.

fmiguelcapel · #8 (**permalink**) 22/02/2013, 10:32

Es lo que andaba buscando; gracias por el enlace. saludos...