css

【CSS】safari浏览器 border-radius失效

Chason
2021-01-23 / 0 评论 / 0 点赞 / 1,539 阅读 / 341 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

因为图片img用了transform动画,导致safari的显示bug,没办法,只好hack一下,解决方案如下:

.intro_person_wrapper{

/*给遮img的罩父级加上以下这些属性就好了*/

-webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
}

参考:https://blog.csdn.net/wangshuo0407/article/details/79844596

0

评论区