Estirar verticalmente la imagen de fondo

Estoy intentando descubrir cómo estirar una imagen de fondo verticalmente. Estoy utilizando CSS3 con 3 imágenes de la siguiente manera:Estirar verticalmente la imagen de fondo

background-image: url("left.png"), url("right.png"), url("center.png") 
background-repeat: no-repeat, no-repeat, repeat-x 
background-position: top left, top right, top

Ahora quiero estirar estas imágenes verticalmente para que se extiendan a todo el camino hasta la parte inferior. ¿Hay alguna forma de hacer esto?

Fuente

2012-10-02 user1539137

No lo creo. Sin embargo, puede cambiar el tamaño (estirar/aplastar) las etiquetas '': la solución puede implicar poner un '' en segundo plano, posicionado en forma absoluta y tal. – KRyan

Este podría ser un buen lugar para buscar: http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-in-the-background-with-css-only – MikeB

Además, bastante seguro de que no debes poner comillas alrededor de tu 'url's así. – KRyan

Probar:

background-size: 100% 100%;

primera 100% es para la anchura y la segunda para la altura. En el caso de que necesite el segundo set para 100%

Fuente

2012-10-02 16:45:52

¿Cómo configuro la altura al 100%? Si hago fondo de tamaño: 100%, establece tanto el ancho como la altura a un 100%. – user1539137

Esto fue muy útil. En mi caso, configuré "background-size: 960px 100%;" para obtener el efecto deseado –

llego tarde a la fiesta aquí, pero esto es lo que funcionó para mí:

background-size: auto 100%;

Esto ajustar la imagen verticalmente y dejar que la anchura de hacer lo tiene que hacer (creo que se repite por defecto). También puede establecer:

background-repeat: no-repeat;

para que no repita la imagen en la dirección horizontal.

Fuente

2013-11-18 19:48:28

También necesitaba establecer 'background-position: center;' – KIC

Una adición bienvenida a la fiesta, aunque fuera tarde. – McNab

'background-size: cover;' vale la pena explorar –

Estirar verticalmente la imagen de fondo

Respuesta

Cuestiones relacionadas