CSS背景固定方法

在CSS中，可以使用background-attachment屬性來固定背景，該屬性有三個值：scroll、fixed和local。

scroll：背景圖片隨頁面滾動，這是默認(rèn)值。

fixed：背景圖片固定不動。

local：背景圖片隨元素內(nèi)容的滾動而滾動。

如果想要讓背景圖片固定不動，可以將其設(shè)置為fixed。

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

這將會使背景圖片image.jpg固定不動。

如果想要讓背景圖片只在其所在元素內(nèi)滾動，可以將其設(shè)置為local。

div {
  background-image: url('image.jpg');
  background-attachment: local;
}

這將會使背景圖片image.jpg只在div元素內(nèi)滾動。

需要注意的是，fixed和local值只在支持CSS3的瀏覽器中有效，如果需要考慮兼容性，可以使用JavaScript或HTML5的<canvas>元素來實現(xiàn)類似效果。