1. scroll:背景图像会随着元素的滚动而滚动,与元素的内容一起滚动。
2. fixed:背景图像固定在视口中,不会随着元素的滚动而滚动。
示例:
.element {
background-image: url('background-image.jpg');
background-attachment: fixed;
}
在这个例子中,.element 元素的背景图像使用 background-image 属性指定为 'background-image.jpg',并且使用 background-attachment: fixed; 让背景图像固定在视口,不受页面滚动的影响。
这通常用于创建固定背景图的效果,例如固定在页面某个位置的背景图片,当用户滚动页面时,该背景图片保持固定而不移动。
转载请注明出处:http://www.zyzy.cn/article/detail/4109/CSS