微信小程序中使用filter: blur()导致border-radius失效的解决方法

2022-04-15 22:51:37 浏览数 (3)

在微信小程序中使用filter: blur()实现高斯模糊效果,元素在模拟器上显示效果正常,在真机上的border-radius失效,可以看到明显直角(左图),添加如下代码即可解决(右图)。

代码语言:javascript复制
transform: translate3d(0, 0, 0);

1 人点赞