编辑“︁CSS背景附着（background-attachment）”︁（章节）

== 对比示例 ==
以下示例展示三种值的区别：

<syntaxhighlight lang="html">
<div class="container">
    <div class="box scroll">scroll</div>
    <div class="box fixed">fixed</div>
    <div class="box local">local</div>
</div>
</syntaxhighlight>

<syntaxhighlight lang="css">
.container {
    height: 300px;
    overflow: auto;
}
.box {
    height: 600px;
    background-image: url("image.jpg");
    margin-bottom: 20px;
}
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed; }
.local { background-attachment: local; }
</syntaxhighlight>

'''观察结果：'''
* <code>scroll</code>：背景图像随容器滚动，但容器内部滚动时背景不动。
* <code>fixed</code>：背景图像始终固定。
* <code>local</code>：背景图像随容器及内部内容滚动。