目录

style backgroundAttachment 属性

示例

设置背景图片固定(不会滚动):

document.body.style.backgroundAttachment = "fixed";
亲自试一试 »

下面有更多 "亲自试一试" 示例。


描述

backgroundAttachment 属性设置或返回背景图片是否应随内容滚动或固定。

也可以看看:

HTML 样式:背景属性

CSS 教程:CSS 背景

CSS 参考:CSS 背景附件属性


语法

返回backgroundAttachment属性:

object.style.backgroundAttachment

设置背景附件属性:

object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"

属性值

Value Description
scroll The background scrolls along with the element. This is default
fixed The background is fixed with regard to the viewport
local The background scrolls along with the element's contents
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 滚动
返回值: 一个字符串,表示背景图片如何附加到文档中的对象
CSS版本 CSS1


浏览器支持

backgroundAttachment是 CSS1 (1996) 的一项功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes Yes

更多示例

示例

在 DIV 元素上选择滚动和本地:

document.getElementById("myDIV").style.backgroundAttachment = "local";
亲自试一试 »

示例

在滚动和固定之间切换:

let x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
亲自试一试 »

示例

返回背景附件属性的值:

let back = document.body.style.backgroundAttachment;
亲自试一试 »