CSS background-attachment 属性
说明
background-attachment CSS 属性定义背景图像是随文档滚动，还是固定在查看区域。
下表总结了该属性的使用上下文和版本历史
| 默认值： | scroll |
|---|---|
| 适用于： | 所有元素 |
| 继承： | No |
| 动画： | No. 参见动画属性。 |
| 版本： | CSS 1, 2, 3 |
语法
属性的语法如下：
下面的示例显示了 background-attachment 属性的作用。
body {
background-image: url("images/recycle.jpg");
background-attachment: fixed;
}属性值
下表描述了该属性的值。
| 值 | 说明 |
|---|---|
scroll |
默认值。 背景图像相对于元素本身是固定的，并且在视口中连同其包含的元素一起滚动。 |
fixed |
背景图像相对于视口是固定的，不会随元素移动。 |
local |
背景图像相对于元素的内容保持固定：如果元素具有滚动机制，则背景会随着元素的内容滚动。 |
initial |
将此属性设置为其默认值。 |
inherit |
如果指定，则关联元素采用其父元素 background-attachment 属性的 计算值。 |
浏览器兼容性
所有主要的现代浏览器都支持 background-attachment 属性。
 |
基本支持—
|
进一步阅读
相关属性： background, background-color, background-clip, background-image, background-origin, background-position, background-repeat, background-size.
Advertisements