评论

安卓在scroll-view中使用filter: blur()导致border-radius失效的解决方法

奇奇怪怪,安卓在scroll-view中使用filter: blur()导致border-radius失效的解决方法

这是一个比较偏的用法,踩了半天坑,最后很蹊跷地解决了,记录下来希望能给有需要的人提供帮助。

首先,如果你正好在用scroll-view,

然后你也正好在每个item里用上了css滤镜filter(我用的是模糊blur),

然后你也正好同时需要用上圆角border-radius,

于是你会发现在安卓下圆角失效了。。。

最后建议你给item加个transform: translate3d(0, 0, 0);

然后,这个bug就奇迹般地解决了。。。

以上!

最后一次编辑于  2021-04-09  
点赞 4
收藏
评论

2 个评论

  • OO
    OO
    03-24

    厉害,解决了我的问题,谢谢!

    03-24
    赞同
    回复
  • 鲤子
    鲤子
    2021-04-12

    Swiper也是这样搞

    2021-04-12
    赞同
    回复 1
    • 山里育
      山里育
      2021-04-12
      都是一样的原因。。。
      2021-04-12
      回复
登录 后发表内容