CSS中,我們可以使用背景附著(background-attachment)屬性來固定背景,這個屬性接受三個值:scroll、fixed和local。
當(dāng)值為scroll時,背景會隨著窗口的滾動而滾動。
當(dāng)值為fixed時,背景會固定在窗口的某個位置,不會隨著窗口的滾動而改變。
當(dāng)值為local時,背景會隨著內(nèi)容的滾動而滾動,但內(nèi)容區(qū)域外的背景不會滾動。
如果我們想要讓背景相對窗口固定,那么我們可以將背景附著(background-attachment)屬性的值設(shè)置為fixed,這樣,背景就會固定在窗口的某個位置,不會隨著窗口的滾動而改變。
如果我們想要讓一個圖片作為背景,并且希望這個圖片不隨著窗口的滾動而改變位置,那么我們可以這樣寫:
body { background-image: url("path/to/image.png"); background-attachment: fixed; }
這樣,圖片就會作為背景固定在body元素上,不會隨著窗口的滾動而改變位置。