Как сделать бесконечную ширину background в css?

Question

[Vurdalak]

Здраствуйте,
нужна сделать чтоб background был в ширину бесконечен а в высоту 500px.
на больших расширениях чтоб фон растягивался в ширину, как сделать лимит в в высоту. пример сайта где такое есть www.macaraledetonaj.ro
пробовал стиль background-size:cover; но он растягивает на весь экран

Answer 1

[sergealmazov]

Может, вам нужен
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-image: url(image.jpg);

Сама картинка должна быть 500px в высоту.

Answer 2

[A K]

Как вы себе представляете " background был в ширину бесконечен", можно макет

Answer 3

[Trow_eu]

на преведенном сайте он вполне конечен и масштабируется по высоте.
то, что хотите вы - либо сделать центр с изображением и поля с цветом в стороны или заведомо большое по горизонтали изображение (10000х500px) и показывать его от центра. но изображение будет много весить, это не феншуйно.

Answer 4

[Nikbes]

Пробуйте background-size: contain

Answer 5

[teotlu]

Или background-size: 100% auto;

Answer 6

[Vlad Timofeev]

Он не бесконечен тут.

Answer 7

[Михаил Лялин]

habrahabr.ru/blogs/css/117160
habrahabr.ru/post/148639

Answer 8

[Mister]

position: absolute;
width: 100%;
}