html
<div class="bg"><img :src="" alt=""></div>
css
.bg{ position: absolute; width: 100%; height: 810px; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-filter: blur(50px); //设置高斯模糊度 -moz-filter: blur(50px); //设置高斯模糊度 -o-filter: blur(50px); //设置高斯模糊度 -ms-filter: blur(50px); //设置高斯模糊度 filter: blur(50px); //设置高斯模糊度 overflow: hidden; img{ position: absolute; top:-12%; left: -18%; width: 120%; height: 120%; } }