Масштаб фона только в ширину

Question

Я хочу, чтобы мой фон был масштабирован по ширине, но не по высоте.

У меня есть следующий код сейчас.

background: url(images/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

с этим кодом backgroundimage масштабирует все это, но я хочу только его масштабировать по ширине. У кого-то есть решение?

привет

Answer 1

Вместо cover, вы можете попробовать что-то вроде этого.

background-size: 100% $IMAGE_HEIGHT; 

Где $IMAGE_HEIGHT высота фона вы работаете.

JSFiddle

Answer 2

Вы можете либо попытаться использовать свойство фон-размер и набор/растянуть ширину, или если он работает в вашем случае, попробуйте фон-повторить свойство со значением повтор х:

{ 
    background-size: 100% auto; # width and height, can be %, px or whatever. 
} 

{ 
    background-repeat:repeat-x; 
}