微信小程序设置模糊背景图片

草字

已于 2022-10-09 19:33:40 修改

阅读量4.3k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序 javascript 小程序

于 2020-08-14 10:51:24 首次发布

本文链接：https://blog.csdn.net/qq_42740797/article/details/107999906

版权

微信小程序专栏收录该内容

26 篇文章

订阅专栏

<!--背景图片-->
<view class="bgImage"><image src="{{songs.al.picUrl}}"/></view>

.bgImage{
  position: absolute;
  height:100%;
  width:100%;
  z-index: -1;
  opacity: 0.5;
  overflow: hidden;
}
.bgImage>image{
  height:200%;
  width:200%;
  background: rgba(0,0,0,0.2);
  -webkit-filter:blur(15px);
  -moz-filter:blur(15px);
  -o-filter:blur(15px);
  -ms-filter:blur(15px);
  filter:blur(15px);
}