background-attachment 属性有三个可能的值：
1. scroll（默认值）： 背景图像会随着元素内容的滚动而滚动。这是默认值，即背景图像会跟随元素的内容滚动。
background-attachment: scroll;
2. fixed： 背景图像固定在视口中，不随着元素内容的滚动而滚动。即使页面的其余内容滚动，背景图像也会保持在固定位置。
background-attachment: fixed;
3. local： 背景图像会随着元素的滚动而滚动，而不是整个页面的滚动。这意味着，如果有一个具有固定背景的容器，当该容器滚动时，背景图像会随之滚动，而页面的其他部分仍然可以滚动。
background-attachment: local;
这些值可以根据需要在样式中选择。例如：
body {
background-image: url('background.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
上述代码将页面的背景图像设置为 background.jpg，并将其固定在视口中，以 cover 的方式填充整个视口。这样，即使页面的其余内容滚动，背景图像也会保持在固定的位置。
转载请注明出处：http://www.zyzy.cn/article/detail/5991/CSS