微信小程序中使用filter: blur()导致border-radius失效的解决方法
原创
微信小程序中使用filter: blur()导致border-radius失效的解决方法
原创
4O4
发布于 2022-04-15 22:51:37
发布于 2022-04-15 22:51:37
在微信小程序中使用filter: blur()实现高斯模糊效果，元素在模拟器上显示效果正常，在真机上的border-radius失效，可以看到明显直角（左图），添加如下代码即可解决（右图）。
transform: translate3d(0, 0, 0);
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号