html+css设置背景图模糊

<template>
  <div>
    <div class="backgroundGray"></div>
  </div>
</template>

<style>
.backgroundGray {
  position: absolute;
  width: 100%;
  height: 937px;
  top: 0;
  background: url("");//图片地址
  background-repeat: no-repeat;//图片不平铺
  -webkit-filter: blur(15px);//模糊
  -moz-filter: blur(15px);//模糊
  -o-filter: blur(15px);//模糊
  -ms-filter: blur(15px);//模糊
  filter: blur(15px);//模糊
}

</style>

参考资料:css 设置背景图片模糊，内容不模糊_oHeHeHou的专栏-CSDN博客_css 背景模糊