整个页面后面的静态背景

Question

我知道这是一个愚蠢的标题，但我无法谷歌这一点，因为我不知道它是如何调用的。

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

这是如何调用的，以及我可以研究的一些CSS规则是什么做的？

Answer 1

如果您在Chrome中，你可以“检查”（在右键菜单），而在网站上查看CSS特性是什么。你参考的网站有一个带有全背景容器的div，里面是一个带背景图片的div，它的位置是固定的。您在该网站上看到的是“视差” - 移动是滚动事件期间的CSS + JS定位。

Answer 2

background-attachment属性是你在找什么...

例子：

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