CSS background-attachment属性

  • 定义和用法

    background-attachment属性设置背景图像是否与页面的其余部分一起滚动,或者是否固定。:
    特征 说明
    默认值 scroll
    继承 没有
    动画 没有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.backgroundAttachment="fixed"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 Internet Explorer Chrome FireFox Safari Opera
    属性名称
    background-attachment 4.0
    1.0
    1.0
    1.0
    3.5
    注意: Internet Explorer 8及更早版本不支持在一个元素上使用多个背景图像。
  • CSS语法

    background-attachment: scroll|fixed|local|initial|inherit;
  • 实例

    不与页面一起滚动的背景图像(已修复):
    body {
      background-image: url("img_tree.gif");
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
  • 属性值

    属性值 描述
    scroll 背景图像将随页面滚动。 这是默认的
    fixed 背景图像不会随页面滚动
    local 背景图像将与元素的内容一起滚动
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS背景
    CSS教程:CSS背景(高级)