Статическое / фиксированное фоновое изображение при прокрутке содержимого страницы?

#html #css

#HTML #css

Вопрос:

Я пытаюсь следовать руководству, расположенному здесь, чтобы узнать, что это значит : (.

Вот ссылка на мой JsFiddle:http://jsfiddle.net/gF7Af/1 /

Для фона; Я пытаюсь сделать так, чтобы фоновое изображение оставалось в том же положении, пока прокручивается только вложенное содержимое #container , чтобы фоновое изображение отображалось всегда и не имело пробелов (по краям), когда содержимое, вложенное в #container , имеет общую высоту больше #container's .

Любая помощь была бы высоко оценена!

Спасибо!

Ответ №1:

напишите background-attachment вместо background-position вот так:

 body {
    width: 1000px;
    background: url(http://www.tropicalparadise.net/images/dest/mauritius1.jpg) top right no-repeat;
    background-attachment: fixed;
}
  

Проверьте это http://jsfiddle.net/gF7Af/3 /

Ответ №2:

Попробуйте это http://jsfiddle.net/gF7Af/2 /

Я переместил ‘исправлено’ в объявление bg, и, похоже, у меня это работает.

Комментарии:

1. конечно, иногда такие мелочи заводят