Style backgroundAttachment 属性
下面有更多“试试看”的示例。
描述
backgroundAttachment 属性设置或返回背景图片是否应该与内容一起滚动，或者固定。
语法
返回 backgroundAttachment 属性
object.style.backgroundAttachment
设置 backgroundAttachment 属性
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| scroll | 背景与元素一起滚动。这是默认值。 |
| fixed | 背景相对于视窗固定。 |
| local | 背景与元素的内容一起滚动。 |
| initial | 将此属性设置为其默认值。 了解有关initial的信息 |
| inherit | 从其父元素继承此属性。 了解有关inherit的信息 |
技术细节
| 默认值 | scroll |
|---|---|
| 返回值 | 一个字符串，表示背景图片在文档中是如何附加到对象的。 |
| CSS 版本 | CSS1 |
浏览器支持
backgroundAttachment 是一个 CSS1 (1996) 特性。
它在所有浏览器中都得到了完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
更多示例
示例
在 DIV 元素上选择 scroll 和 local 之间
document.getElementById("myDIV").style.backgroundAttachment = "local";
试试看 »
示例
在 scroll 和 fixed 之间切换
let x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
试试看 »
