理解CSS属性background-attachment: scroll
background-attachment: scroll 属性规定背景图像是否固定或者随着页面其余部分滚动。 关键在于理解其与元素边框的关系：背景图像相对于元素的边框固定，而非内容。
背景图像与元素边框的关联
即使元素内容发生滚动，使用 scroll 属性的背景图像始终保持在其边框内。 这意味着，即使元素内容为空，背景图像也会填充整个元素边框区域。
立即学习“前端免费学习笔记（深入）”；
示例说明
以下代码片段演示了 background-attachment: scroll 的效果：
div {
width: 200px;
height: 200px;
background-image: url("image.jpg");
background-attachment: scroll;
overflow: auto; /* 为了演示滚动效果 */
}
在这个例子中，如果 div 元素的内容超过其高度，产生滚动条。当滚动内容时，背景图像image.jpg将保持静止，固定在 div 元素的边框内，而只有 div 元素的内容会滚动。
