整個頁面後面的靜態背景

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