{site_name}

{site_name}

🌜 搜索

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;
}