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

Question

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

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

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

提前致谢 - Hyflex

Answer 1

尝试

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

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

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

设置背景颜色和图像，将图像静态放置在顶部，这样在向下滚动后，背景颜色才可见。