CSS background-attachment 属性
CSS 背景简写background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
| 默认值： | scroll |
|---|---|
| 继承性： | no |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.backgroundAttachment="fixed" |
1. 范例
如何设置固定的背景图像：
body
{
background-image: url(bgimage.gif);
background-attachment: fixed;
}
2. 浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| background-attachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
3. 可能的值
| 值 | 描述 |
|---|---|
| scroll | 默认值。背景图像会随着页面其余部分的滚动而移动。 |
| fixed | 当页面的其余部分滚动时，背景图像不会移动。 |
| inherit | 规定应该从父元素继承 background-attachment 属性的设置。 |
4. TIY 范例
- 如何设置固定的背景图像
本例演示如何设置固定的背景图像。图像不会随着页面的其他部分滚动。
5. 相关页面
CSS 教程：CSS 背景
CSS 背景简写background-clip 属性规定背景的绘制区域。 默认值： border-box 继承性： no 版本： CSS3 JavaScript 语法： ...