想把页面放入背景中，樱花

问题遇到的现象和发生背景

无法放入樱花画布中

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝

我想要达到的结果

用定位 并且把 登录框 z-index调高

两种方法：

1. 把表单部分设置背景图片（看你想让图片做哪里的背景，就设置哪里的背景图片），

form{
background: url(img/樱花.jpg)  no-repeat;     
background-size: 100% 100%;
}

2. 樱花图片用img标签引入

<form><\form>
< img src="../img/樱花.jpg">

然后图片设置绝对定位，表单设置相对定位

img{
position:absolute;
}
form{
position: relative;
}

<div class="login">
  <form>
  <input v-model="username" type="text" auto-complete="off" placeholder="账号">
 <input v-model="password" type="password"   auto-complete="off"  placeholder="密码"  >
  </form>
</div>

背景图片放在login的样式里面

这样就可以实现了