“Pr background attachment”的版本间差异
本页内容
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
{{DISPLAYTITLE:background-attachment}}[[Category:css | {{DISPLAYTITLE:background-attachment}}[[Category:css background|2]] | ||
= CSS background-attachment 属性 = | = CSS background-attachment 属性 = | ||
第72行: | 第72行: | ||
{| class="table table-striped table-hover" | {| class="table table-striped table-hover" | ||
! 属性 | ! 属性 | ||
! | ! Chrome | ||
! | ! Internet Explorer / Edge | ||
! | ! Firefox | ||
! | ! Safari | ||
! | ! Opera | ||
|- | |- | ||
| background-attachment | | background-attachment |
2022年8月19日 (五) 04:28的版本
CSS background-attachment 属性
如何指定一个固定的背景图像:
示例
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
标签定义及使用说明
background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
默认值: | scroll |
继承: | no |
版本: | CSS1 |
JavaScript 语法: | object object.style.backgroundAttachment="fixed" |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
background-attachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意: Internet Explorer 8 及其更早版本的浏览器不支持多个背景图像在一个元素。
属性值
值 | 描述 |
---|---|
scroll | 背景图片随着页面的滚动而滚动,这是默认的。 |
fixed | 背景图片不会随着页面的滚动而滚动。 |
local | 背景图片会随着元素内容的滚动而滚动。 |
initial | 设置该属性的默认值。 阅读关于 initial 内容 |
inherit | 指定 background-attachment 的设置应该从父元素继承。 阅读关于 inherit 内容 |
相关文章
CSS 教程: CSS Background