background-attachment的取值有
时间: 2023-05-26 09:03:40 浏览: 50
以下三种取值:
1. scroll:背景图像会随着页面的滚动而滚动。
2. fixed:背景图像固定在视口的某个位置,不会随着页面的滚动而滚动。
3. local:背景图像会随着元素内容的滚动而滚动,也就是说,当元素的内容滚动时,背景图像会随之滚动,元素的边框不变。
相关问题
css background-attachment
CSS的background-attachment属性指定了背景图像的滚动方式。它有以下几个取值:
- scroll:背景图片会随着页面的滚动而滚动。
- fixed:背景图片在视口中固定,不会随着页面滚动而滚动。
- local:背景图片会随着元素内容的滚动而滚动。该值仅适用于当背景图像在一个元素的内部时才有意义。
- initial:将属性设置为它的默认值。
- inherit:从父元素继承background-attachment属性的值。
示例代码:
```
body {
background-image: url(background-image.jpg);
background-attachment: fixed;
}
```
上面的代码将背景图片固定在视口中,不会随着页面的滚动而滚动。
background-attachment
`background-attachment`是CSS中用来设置背景图像是否固定或者随着页面的滚动而移动的属性。它有三个可能的值:
- `scroll`(默认值):背景图像随着页面滚动而移动。
- `fixed`:背景图像固定在浏览器窗口的某个位置,不随着页面的滚动而移动。
- `local`:背景图像随着元素的滚动而移动。
例如
```css
body {
background-image: url('bg.jpg');
background-attachment: fixed;
}
```
上面代码使背景图像固定在浏览器窗口的某个位置。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pptx](https://img-home.csdnimg.cn/images/20210720083543.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)