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

[xiaotiandada]

2019-08-02 11:34:33

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

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

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

解决方案

给他的父级添加 transform

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

结论

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

脑洞

猜测影响失效的原因

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