background-attachment
属性用于设置背景图像是否固定或随着页面滚动而滚动。该属性有以下三个可能的值:
scroll
: 默认值,背景图像会随着页面滚动而滚动。fixed
: 背景图像固定在可视区域,不随页面滚动而滚动。local
: 背景图像随元素内容滚动而滚动,而不是随页面滚动。通常情况下,我们使用 fixed
值来创建固定在页面某个位置的背景图像效果。
示例代码:
body {
background-image: url("bg-image.jpg");
background-attachment: fixed;
}
以上代码会将 bg-image.jpg
设置为页面的背景图像,并将其固定在可视区域,不随页面滚动而滚动。