CSS3 背景附着(background-attachment)属性指定背景图像是否固定或随着包含它的元素滚动
▥前端
𝄐 0
css3的背景和边框属性,css中背景附件的允许值,css 背景铺满,css3背景属性有哪些,css3设置背景图,css加背景
CSS3 背景附着(background-attachment)属性指定背景图像是否固定或随着包含它的元素滚动。具体来说,它控制背景图片相对于视口或元素的位置。
CSS3 背景附着属性有两个可能的值:fixed和scroll。其中:
- fixed:背景图像固定在视口中,不会随着元素滚动而移动。
- scroll:背景图像会随着元素的滚动而移动,即当元素滚动时,背景图像会相对于元素本身滚动。
以下是一个例子,其中 background-attachment 属性设置为 fixed,从而使背景图像固定在视口中:
css
body {
background-image: url("bg.jpg");
background-attachment: fixed;
}
另一方面,下面这个例子中 background-attachment 属性设置为 scroll,使得背景图像会随着元素的滚动而滚动:
css
div {
background-image: url("bg.jpg");
background-attachment: scroll;
}
CSS3 背景附着(background-attachment)属性指定背景图像是否固定或随着包含它的元素滚动。具体来说,它控制背景图片相对于视口或元素的位置。
CSS3 背景附着属性有两个可能的值:fixed和scroll。其中:
- fixed:背景图像固定在视口中,不会随着元素滚动而移动。
- scroll:背景图像会随着元素的滚动而移动,即当元素滚动时,背景图像会相对于元素本身滚动。
以下是一个例子,其中 background-attachment 属性设置为 fixed,从而使背景图像固定在视口中:
css
body {
background-image: url("bg.jpg");
background-attachment: fixed;
}
另一方面,下面这个例子中 background-attachment 属性设置为 scroll,使得背景图像会随着元素的滚动而滚动:
css
div {
background-image: url("bg.jpg");
background-attachment: scroll;
}
本文地址:
/show-269773.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。