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

Question

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

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;

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