先来看效果:
1.首先是在<template>标签中设置一个<div>定义id为bulding(看你自己想起什么名)
<div id="building">
//背景中的内容
<div id="test">
//放在这里的内容都会透明显示
</div>
</div>
2.css样式复制以下代码
#building{
background: url("~@/assets/摸鱼办壁纸.jpg"); //你的图片路径,这个地方如果报错把~@/换成../
background-repeat: no-repeat;
background-size: 100% 100%;
position: fixed;
height: 100%; //高
width: 100%; //宽
top: 0px; //缩短白边距离
left: 0px; //缩短白边距离
}
.test{
opacity:0.7; //设置透明度,0为完全透明,1为不透明,我这里用0.7
}