Как растянуть фон на всю страницу?

Question

[vetsmen]

Есть такой код: https://jsfiddle.net/a5uzwo9n/1/
Однако при прокручивании горизонтальной прокрутки фон просто пропадает, а нужно его растянуть вдоль всего горизонтального скролла. Как быть?

Answer 1

[Артем Спиридонов]

htmlbook.ru/css/background-size
htmlbook.ru/css/background-attachment

Answer 2

[tyzberd]

так. https://jsfiddle.net/a5uzwo9n/9/
а вообще что странное вы делаете. Если сайт будет адаптивный, тогда вам нужно width: 100%; max-width: 1130px;
если не адаптивный тогда или общий контейнер с шириной, или несколько.

Comments

[vetsmen]

У меня фон должен покрывать весь экран, независимо от его размеров. В данном случае он ограничен размером 1130px и за его пределах не будет отображаться.

[tyzberd]

https://jsfiddle.net/a5uzwo9n/15/

Answer 3

[SagePtr]

В большинстве случаев поможет
background-size: cover;

Answer 4

[Максим]

https://jsfiddle.net/a5uzwo9n/46/ вот так только