Vue设置全屏背景，去除白边css样式，设置透明度，CV即可

透明度，CV即可"/>

Vue设置全屏背景，去除白边css样式，设置透明度，CV即可

先来看效果:

 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
}