背景图像需要在向下滚动时“拉伸”而不是保持静止？

【问题标题】：Background image need to "stretch" on scroll down instead of staying static?背景图像需要在向下滚动时“拉伸”而不是保持静止？
【发布时间】：2013-10-09 02:48:30
【问题描述】：

我的网站上有一个似乎是静态的背景图片，当我向下滚动时，它会随着页面一起滚动...我希望顶部保持静态，然后当我向下滚动页面的其余部分时显示为 #FFFFFF...

html, body{background:#ffffff url(images/background-repx.png) repeat-x;height:100%;min-height:100%;}

任何想法如何做到这一点，我不熟悉 CSS 背景。

提前致谢 - 海福克斯

【问题讨论】：

标签： html css background-image

【解决方案1】：

试试

background:#000000 url(<img>) no-repeat scroll center top;

要查看此效果，请使用 chrome，将 css 更改为：

background:#FFFFFF url(<img>) no-repeat scroll center top;

其中设置了一个背景色和图片，将图片静态放置在顶部，这样向下滚动后，背景色才可见。

【讨论】：

这样做的问题是它不会水平重复（图像是分条），需要重复以使图像在顶部充满。