CSS 2.1 参考手册/background-attachment

来自Blueidea
跳转至: 导航搜索

定义

background-attachment属性定义在浏览器背景图片是滚动还是固定位置。下面的截图显示一个长颈鹿的背景图片在右角。background-attachment属性设置了fixed,当浏览器滚动的时候,图片不会移动。

css Background-attachment-fixed.gif

下面的截图显示一个长颈鹿的背景图片在右下角。background-attachment属性设置成scroll,当滚动浏览器的时候,图片在可见区域会遮盖一部分。

css Background-attachment-scroll.gif

案例

body {
background: white url('images/giraffe.gif');
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}

特性

可能的值

scroll

背景图片不随着浏览器的滚动而移动

fixed

背景图片固定在浏览器的某个位置。

inherit

继承上一个父对象相应属性值

默认值

scroll

适用于

所有元素

继承

另见