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

适用于

所有元素

继承

不

另见

取自“http://wiki.blueidea.com/index.php?title=CSS_2.1_参考手册/background-attachment&oldid=5942”