Html 将图像固定在div内部

我正在尝试创建一个类似于此的页面

向下滚动时，图像保持固定，但是当我尝试在div标记中将背景设置为“background attachment:fixed”时，背景图像将保持固定在浏览器窗口中，并在滚动过div后继续保持固定

---

关于如何实现我的目标有什么想法吗？任何帮助都将不胜感激。

将其封装在

div

html{
高度：2000px；
}
#试验{
背景图像：url（“http://www.cssnewbie.com/wp-content/uploads/2008/12/random-art.gif");
宽度：100%；
高度：200px；
边框：2倍纯红；
背景附件：固定；
}

---

此外，

背景尺寸：封面

将使图像填满容器的宽度，

背景位置：中间

将使背景图像居中，

background repeat:no repeat

将确保在div中留有空间的情况下图像不会重复。所有这些都有一个漂亮的速记语法<代码>背景：url（'http://www.cssnewbie.com/wp-content/uploads/2008/12/random-art.gif“）无重复中心已修复。谢谢！这正是我想要的。你能通过在jsfiddle.net上创建一个fiddle来说明你的问题吗？？（如果您的问题尚未解决：））