这篇“CSS的background-attachment属性怎么用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS的background-attachment属性怎么用”文章吧。
实例
如何指定一个固定的背景图像:
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
标签定义及使用说明
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
默认值: | scroll |
---|---|
继承: | no |
版本: | CSS1 |
JavaScript 语法: | objectobject.style.backgroundAttachment="fixed" |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
属性 | |||||
---|---|---|---|---|---|
background-attachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意: Internet Explorer 8和更早版本的浏览器不支持多个背景图像在一个元素.
属性值
值 | 说明 |
---|---|
scroll | 背景图片随页面的其余部分滚动。这是默认 |
fixed | 背景图像是固定的 |
inherit | 指定background-attachment的设置应该从父元素继承 |
以上就是关于“CSS的background-attachment属性怎么用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网行业资讯频道。