vue背景图固定不动
时间: 2023-08-27 09:20:12 浏览: 88
要使Vue的背景图固定不动,您可以使用CSS中的`background-attachment`属性,并将其设置为`fixed`。例如,在您的Vue组件的样式中,您可以添加以下代码:
```css
#helloWorld {
background-image: url('../../assets/uni_backgroud_pic.png');
background-repeat: no-repeat;
background-attachment: fixed;
position: fixed;
width: 100%;
height: 100vh;
overflow: auto;
}
```
这将使背景图像固定在页面上,不会随着滚动而移动。请确保在Vue组件的样式中正确引用背景图片的URL路径。此外,还要注意,`#helloWorld`是一个选择器,表示具有`id`为`helloWorld`的元素,您需要相应地将其应用于您的Vue组件中的根元素。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* *2* [vue 设置固定背景图片](https://blog.csdn.net/fang156239305/article/details/112938006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]