最近在开发小程序的过程中，遇到了一个棘手的问题：
我背景用了一张图片，想做模糊效果，于是设置了filter: blur(20px);模糊样式，代码如下：
对应的wxss样式如下：
但是，遇到了问题了：模糊的图片，有很明显的白边！
小程序图片背景模糊白边
经过多次查询资料，发现不仅仅小程序，还包括网页、H5等使用css模糊图片的都会存在这个问题！
于是一边实践一边编写测试，终于发现了去除背景图片模糊白边的办法，那就是：
背景图片加上transform: scale(1.2);属性，这个属性的意思是：放大1.2倍
去除白边wxss代码
好了，这下白边完全去除了！很好看，看看如下图片效果吧：
小程序背景模糊效果
问题 最近在开发小程序的过程中，遇到了一个棘手的问题：我背景用了一张图片，想做模糊效果，于是设置了filter: ...
不管是分享小程序还是小程序跳转app，都非常的简单，然而官方文档写的更简单，有很多坑，需要我们自己去摸索。...
小程序的省略号 单行文本 多行文本 微信小程序——button添加背景图片
http://imgbase64.duoshitong.com/ 小程序不能本地上传背景图片，也不建议使用背景图片...
需求 产品说小程序返回到首页不太方便，想添加返回首页按钮，UI说导航栏能不能设置背景图片，因为那样设计挺好看的。 ...
我在使用i3wm时, gvim会在右边和左边出现白边。以前版本可以修改~/.gtkrc-2.0 上面的 #1b19...
小程序-- 工作中一些比较实用的知识点 小程序中设置背景图片 小程序中不能通过css的background 设置小...
小程序 scroll-view 去除滚动条 :
在小程序中为一个 view 设置一个背景图片，这很简单，在 html 中写过，信手拈来： 简简单单就搞定了么，这...
本文标题：小程序背景图片模糊有白边怎么办？简单去除更好看！
本文链接：https://www.haomeiwen.com/subject/jannkqtx.html
网友评论