html - 向下滚动时背景图像需要 "stretch"而不是保持静止？

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;

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