JavaScript HTML DOM Style backgroundAttachment 属性

  • backgroundAttachment 属性

    backgroundAttachment属性设置或返回背景图像是应与内容一起滚动还是固定。
    设置要修复的背景图像(不会滚动):
    document.body.style.backgroundAttachment = "fixed";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    backgroundAttachment
    4.0+
    1.0+
    1.0+
    1.0+
    3.5+
  • 语法

    返回backgroundAttachment属性:
    object.style.backgroundAttachment
    设置backgroundAttachment属性:
    object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
  • 属性值

    描述
    scroll 背景与元素一起滚动。 这是默认值
    fixed 关于视口的背景是固定的
    local 背景与元素的内容一起滚动
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: scroll
    返回值: 一个字符串,表示背景图像如何附加到文档中的对象
    CSS版本 CSS1
  • 更多例子

    在DIV元素上选择scroll和local:
    document.getElementById("myDIV").style.backgroundAttachment = "local";
    
    尝试一下
    在scroll和fixed之间切换:
    var x = document.body.style.backgroundAttachment;
    document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
    
    尝试一下
    返回background-attachment属性的值
    alert(document.body.style.backgroundAttachment);
    
    尝试一下
  • 相关页面

    CSS教程:CSS背景
    CSS参考:background属性