CSS - 背景图像拉伸

Question

我正试图在本网站上获得类似的背景效果：

通过查看，网站的背景为黑色，但水平拉伸的背景图像保留在页面顶部。当页面向下滚动时，图像保持在顶部但与背景颜色混合。

我尝试制作一个类似于示例中的图像并使用background-size:cover，但是当我向下滚动时，图像保持静态，只是内容滚动。如果这有任何意义!!

通过查看示例，有人可以解释一下需要什么CSS来实现这一目标吗？而且，图像尺寸应该是什么（在PS中），以允许它在更大的浏览器中拉伸而不会降低质量？

我试着查看网站上的CSS文件，看看发生了什么，但这一切都在一条线上，令人困惑。

我会添加一个链接到该网站以显示它如何滚动，但显然我不被允许，所以截图必须这样做。

非常感谢提前。

Answer 1

看起来后台使用了css：

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

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

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

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

你会看到发生了什么。