Css之background-attachment
来源:
瑞康科技
日期:2016-11-28 14:48:29
点击:2282
属于:前端设计
语法:
background-attachment:<attachment> [ , <attachment> ]*
<attachment> = fixed | scroll | local
默认值:scroll
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
-
fixed:
-
背景图像相对于窗体固定。
-
scroll:
-
背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。
-
local:
-
背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。(CSS3)
说明:
设置或检索背景图像是随对象内容滚动还是固定的。必须先指定 <' background-image '> 属性。
-
对应的脚本特性为backgroundAttachment。
兼容性:
-
浅绿 = 支持
-
红色 = 不支持
-
粉色 = 部分支持
Values |
IE |
Firefox |
Chrome |
Safari |
Opera |
iOS Safari |
Android Browser |
Android Chrome |
Basic Support |
6.0+ |
2.0+ |
4.0+ |
3.1+ |
3.5+ |
3.2+ |
2.1+ |
18.0+ |
local |
6.0-8.0 |
2.0-24.0 |
9.0+ |
25.0+ |