整页背后的静态背景

Question

我知道这是一个愚蠢的头衔，但我没有办法谷歌，因为我不知道它是如何被称为。

基本上，如果你去Skrill的网站https://www.skrill.com/en/merchants/并向下滚动，背景本身会保留，而元素在其上面是透明的。

这是如何调用的，我可以考虑做些什么的CSS规则？

Answer 1

background-attachment属性是您正在寻找的......

示例：

body  {
    background-image: url('some_image.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Answer 2

如果您使用Chrome浏览器，则可以检查＆＃39; （在右键菜单中）在网站上查看CSS属性是什么。您引用的网站有一个带有全背景容器类的div，里面是带背景图像的div，它的位置是固定的。您在该网站上看到的是＆＃34; parallax＆＃34; - 在滚动事件期间，运动是CSS + JS定位。