保持图像固定在div内部

Question

我正在尝试创建一个与此http://www.seattlewebdesign.com/类似的网页。

当您向下滚动时，图像保持固定，但是当我尝试将背景设置为＆＃39; background-attachment：fixed＆＃39;在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>