Safari等浏览器 border-eadius失效...

今天产品反馈了一个Bug说是鼠标经过,图片会 圆角=》无圆角=》圆角 的过程来变化

懒得贴图, 搜到这个文章肯定就会发生了hhh

增加解决方案,方便更快搜到问题

解决方案

给他的父级添加 transform

1
2
transform: rotate(0deg);
/* 懒得加 -webkit */

结论

我还不知道为什么会这样(可能是浏览器的解析不同???)

脑洞

猜测影响失效的原因

  • transition 去掉这个可以解决!!!但是没有动画只会很难看 不可取
  • transform 猜测
  • xxxxx

如果大佬知道问题和原理所在,请告知菜🐔我!!!, 右侧和其他文章有联系方式!!!