[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[背景属性](#)» 相关内容： [**其它背景属性参考**选择其它项](#) - [background](#) - [background-color](#) - [background-image](#) - [background-repeat](#) - [background-attachment](#) - [background-position](#) - [background-origin](#) - [background-clip](#) - [background-size](#) - [Multiple background](#) # background-attachment - **版本：CSS1/CSS3** - 继承性：无 ### 语法： **background-attachment**：[<attachment>](#) [ , [<attachment>](#) ]* **<attachment>** = fixed | local | scroll **默认值**：scroll ### 取值： fixed：背景图像相对于窗体固定。scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。local：背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。（CSS3） ### 说明： **设置或检索背景图像是随对象内容滚动还是固定的。必须先指定[background-image](#)属性。** - 对应的脚本特性为**backgroundAttachment**。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 <table class="gdataform"><thead><tr><th><a href="#browser" title="查看本文档测试时所用浏览器版本">支持版本</a>\类型</th> <th><span class="browser-ie">IE</span></th> <th><span class="browser-firefox">Firefox</span></th> <th><span class="browser-safari">Safari</span></th> <th><span class="browser-chrome">Chrome</span></th> <th><span class="browser-opera">Opera</span></th> </tr></thead><tbody><tr><th>版本</th> <td class="partsupport">6.0-8.0 ^{<a href="#support1">#1</a>}</td> <td rowspan="2" class="partsupport">4.0-8.0 ^{<a href="#support2">#2</a>}</td> <td rowspan="2" class="support">5.1</td> <td rowspan="2" class="support">13.0</td> <td rowspan="2" class="support">11.50</td> </tr><tr><th>版本</th> <td class="support">9.0</td> </tr></tbody></table> 1. IE8及更早浏览器不支持CSS3新增参数值：local。 1. Firefox4.0-8.0不支持CSS3新增参数值：local。 ### 示例： 背景图像不随窗体内容滚动始终固定 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 文字内容 背景图像不随窗体内容滚动始终固定 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved