CSS中可以通過(guò)background-attachment屬性來(lái)控制背景圖片是否隨著滾輪移動(dòng)。默認(rèn)情況下,background-attachment的取值為scroll,即背景圖片會(huì)隨著滾輪滾動(dòng)而移動(dòng)。
如果要使背景圖片不隨著滾輪移動(dòng),可以將background-attachment設(shè)置為fixed,即固定背景圖片的位置,不受頁(yè)面滾動(dòng)的影響。
body { background-image: url(bg.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
上面的代碼將頁(yè)面的背景圖片設(shè)置為bg.jpg,并將background-attachment設(shè)置為fixed,這樣背景圖片就不會(huì)隨著滾輪移動(dòng)了。