这是一个比较偏的用法,踩了半天坑,最后很蹊跷地解决了,记录下来希望能给有需要的人提供帮助。
首先,如果你正好在用scroll-view,
然后你也正好在每个item里用上了css滤镜filter(我用的是模糊blur),
然后你也正好同时需要用上圆角border-radius,
于是你会发现在安卓下圆角失效了。。。
最后建议你给item加个transform: translate3d(0, 0, 0);
然后,这个bug就奇迹般地解决了。。。
以上!
奇奇怪怪,安卓在scroll-view中使用filter: blur()导致border-radius失效的解决方法
这是一个比较偏的用法,踩了半天坑,最后很蹊跷地解决了,记录下来希望能给有需要的人提供帮助。
首先,如果你正好在用scroll-view,
然后你也正好在每个item里用上了css滤镜filter(我用的是模糊blur),
然后你也正好同时需要用上圆角border-radius,
于是你会发现在安卓下圆角失效了。。。
最后建议你给item加个transform: translate3d(0, 0, 0);
然后,这个bug就奇迹般地解决了。。。
以上!
3 个评论
棒
厉害,解决了我的问题,谢谢!
Swiper也是这样搞