首页 新闻 会员 周边 捐助

html img的border-radius所形成的圆形边框总是和Img之间有一圈空白?

0
悬赏园豆：5 [待解决问题]

html img的border-radius所形成的圆形边框总是和Img之间有一圈空白?

问题补充：

<html>
<body>

　　　<img src="my.png" border="2" style="border-radius:50%;">

</body>
</html>

 

谷歌与火狐都会有一圈空白

 
芳格的主页 芳格 | 菜鸟二级 | 园豆：215
提问于：2017-07-04 17:15
< >
分享
所有回答(2)
0

你应该给出具体浏览器和开发者工具规则面板截图。

TCG2008 | 园豆：1150 (小虾三级) | 2017-07-04 22:40

代码如上，谷歌和火狐都会有这个问题

 

支持(0) 反对(0) 芳格 | 园豆：215 (菜鸟二级) | 2017-07-05 10:15

@芳格: 

firefox 53.0 (64 位)没发现问题，有这种效果应设置

border-radius:50%;padding: 0 10px 10px 10px
支持(0) 反对(0) TCG2008 | 园豆：1150 (小虾三级) | 2017-07-05 13:08

@TCG2008: 不管用

支持(0) 反对(0) 芳格 | 园豆：215 (菜鸟二级) | 2017-07-05 13:23

@芳格: 

我的意思是，你应该检查有没有设置padding导致有一圈空白，另外就是原图是不是就有空白

支持(0) 反对(0) TCG2008 | 园豆：1150 (小虾三级) | 2017-07-05 13:37

检查过了 padding都为0

支持(0) 反对(0) 芳格 | 园豆：215 (菜鸟二级) | 2017-07-05 13:40

@芳格: 如果补充的是原图的话，那是因为里面的圆圈不圆

支持(0) 反对(0) TCG2008 | 园豆：1150 (小虾三级) | 2017-07-05 18:32
0

 使用google试了一下，没有空白啊，效果如下，除非放大N倍，才有那种小锯齿的一圈白色

mini_fan | 园豆：301 (菜鸟二级) | 2017-07-05 14:36
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。