背景附件

background-attachment 屬性設定背景影象是固定的還是與頁面的其餘部分一起滾動。

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

例子

background-attachment：滾動

預設行為，當滾動主體時，背景會滾動它：

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

背景附件：固定

背景影象將被固定，並且在滾動主體時不會移動：

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

背景附件：本地

當滾動 div 的內容時，div 的背景影象將滾動。

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