background-attachment
- 版本:CSS1/3
- 2018.3.14
语法:
background-attachment:<attachment> [ , <attachment> ]*
<attachment> = fixed | scroll | local
默认值:scroll
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
媒 体:视觉
取值:
- fixed:
- 背景图像相对于视口(viewport)固定。
- scroll:
- 背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。
- local:
- 背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。(CSS3)
说明:
定义滚动时背景图像相对于谁固定。
- 对应的脚本特性为:backgroundAttachment。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0-11.2 #1 | 4.4+ | 28.0+ |
local关键字 Multiple background attachment |
8.0 | |||||||
9.0+ |
- 仅当未定义
-webkit-overflow-scrolling: touch
时,支持local
关键字;