Сохраните изображение, зафиксированное внутри div

Question

Я пытаюсь создать страницу, похожую на эту страницу http://www.seattlewebdesign.com/.

При прокрутке вниз изображение остается фиксированным, однако, когда я пытаюсь установить фон как «фоновая привязка: исправлено» в теге div, фоновое изображение остается фиксированным в окне браузера и продолжает оставаться фиксированным после прокрутка мимо div.

Любые идеи о том, как достичь того, что я пытаюсь сделать? Любая помощь будет очень оценена.

Answer 1

инкапсулировать в div Fiddle

html { 
 
    height: 2000px; 
 
} 
 
#test { 
 
    background-image: url("http://www.cssnewbie.com/wp-content/uploads/2008/12/random-art.gif"); 
 
    width: 100%; 
 
    height: 200px; 
 
    border: 2px solid red; 
 
    background-attachment: fixed; 
 
}

<div id="test"></div>