网站地图    收藏   

主页 > 采坑 > 前端采坑 > css采坑 >

chrome滚动导致头像圆角变方形BUG,border-radius不起作用

来源:未知    时间:2022-06-20 14:55 作者:小飞侠 阅读:

[导读] chrome滚动导致头像圆角变方形BUG,border-radius不起作用 业务场景: 利用border-radisu让头像变圆角,但是在chrome[windows]系统下,有时候不起作用,比如滚屏时候又变成方形了。 解决办法: 给...

chrome滚动导致头像圆角变方形BUG,border-radius不起作用

业务场景:

利用border-radisu让头像变圆角,但是在chrome[windows]系统下,有时候不起作用,比如滚屏时候又变成方形了。

解决办法:

image.png

给父级元素加上 position:relative; 然后给子级元素 img 也加上 position:relative;z-index:1; 可以解决。

<div class="po-face">
<img onerror="this.onerror=null;this.src='/static/images/face-default.jpg'" src=" 
</div>

image.png

image.png

最新评论

添加评论

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论