背景附件

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;
}