CSS: сохранение фоновой прокрутки

Question

У меня проблема. Мой фон тела css выглядит так:

background: url(../doubletwo.jpg) top center repeat-x #000; 
background-attachment: fixed;

doubletwo.jpg - 8 × 580 пикселей теперь я начинаю добавлять больше контента на мой сайт, и после 580px он отображает цвет # 000.

Я хотел бы сохранить фон STUCK и не должен прокручивать сайт, поэтому пиксели высоты заканчиваются и на нем отображается # 000 .. как я могу решить эту проблему? Как видите, я попробовал background-attachment: исправлено; но я не знаю, правильно ли это, но, похоже, это не работает ..

Answer 1

CSS: фоновое изображение не заполняется при прокрутке

"У меня была та же проблема, и это раздражает. Проблема для меня заключалась в том, что я не мог изменить HTML, только CSS, поэтому я не мог удалить дополнительные элементы div.

Проблема, как я вижу, состоит в том, что фон имеет "ширину: 100%", а контейнер имеет "ширину: 900 пикселей". Так, например, если окно браузера имеет ширину 800px, фоны устанавливаются на 800px и, следовательно, при горизонтальной прокрутке окна вы получаете области без фона.

Другим способом решения проблемы является удаление «width: 100%» из фона и замена его на «min-width: 900px», таким образом заставляя фоны всегда иметь по крайней мере такую ​​же ширину, что и контейнер , Когда размер окна становится меньше 900 пикселей, фон всегда остается на том же уровне, что и контейнер. Работает угощение. "

Answer 2

Я предполагаю, что у вас есть фон для селектора body css.Вам нужно установить overflow для прокрутки.

body
{
    background: url(../doubletwo.jpg) top center repeat-x #000;
    overflow:scroll;
}

Это остановит рост тела за пределы экрана, а затем ваш контент будет прокручиваться внутри тела.