您现在的位置是:首页 > 网站制作 > 前端设计

前端设计

css3背景(三)—background-attachment

杨青 2013-08-01前端设计

background-attachment

说明:设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性

语法:background-attachment:<attachment> [ , <attachment> ]*

<attachment> = fixed | local | scroll(默认值)

1)fixed:背景图像相对于窗体固定。演示页面

2)scroll:背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。

3)local:背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。(CSS3)

兼容性:

IE8及更早浏览器不支持CSS3新增参数值:local。

Firefox4.0-8.0不支持CSS3新增参数值:local。

文章评论