CSS中讓背景不動的方法

在CSS中，我們可以使用background-attachment屬性來讓背景圖片固定不動，這個屬性的值可以為scroll、fixed或local，分別表示背景圖片隨頁面滾動、固定不動或局部滾動。

為了讓背景圖片固定不動，我們可以將background-attachment屬性設(shè)置為fixed。

body {
  background-image: url('path/to/image.jpg');
  background-attachment: fixed;
}

上面的代碼會將背景圖片設(shè)置為path/to/image.jpg，并且讓背景圖片固定不動。

除了background-attachment屬性，我們還可以使用其他CSS屬性來優(yōu)化背景圖片的效果，使用background-position屬性可以調(diào)整背景圖片的位置，使用background-repeat屬性可以控制背景圖片的重復(fù)方式。

需要注意的是，如果頁面內(nèi)容過長，背景圖片可能會因為頁面滾動而消失，我們可以使用CSS的偽元素（pseudo-elements）來創(chuàng)建一個新的元素，并將背景圖片應(yīng)用到這個新的元素上，這樣，即使頁面滾動了，背景圖片也會始終存在于這個新的元素中。

使用CSS的background-attachment屬性以及其他相關(guān)屬性，我們可以輕松地讓背景圖片固定不動，并優(yōu)化其效果。