css - 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;

你会看到发生了什么。