css background-attachment属性控制背景图像是否随元素滚动

分类:知识百科 日期: 点击:0

CSS background-attachment属性

CSS background-attachment属性控制背景图像是否随元素滚动。它有两个可能的值:scroll和fixed。

scroll属性

当使用scroll属性时,背景图像将随着元素一起滚动。它是默认的background-attachment属性值。

body {
background-attachment: scroll;
}

fixed属性

当使用fixed属性时,背景图像将固定在元素的位置,而不会随元素一起滚动。

body {
background-attachment: fixed;
}

浏览器支持

background-attachment属性被所有主流浏览器支持,包括IE7+、Firefox、Chrome、Safari和Opera。

实例

下面的实例将背景图像设置为fixed,以便图像不会随元素一起滚动:

body {
background-image: url("bg_flower.gif");
background-attachment:fixed;
}
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。