html – 添加边框半径时边框和图像之间的间隙

html – 添加边框半径时边框和图像之间的间隙,第1张

概述我的边框半径为50%,边框边框为3px. 我的问题是当边框半径被给出时,图像和边框之间有一个1px的差距. 问题在下图中演示. 而我正在使用的css, img { border: 3px solid #4CB7AC; height: 46px; width: 46px; border-radius:50%;} 注意 >图像大小为46px X 46px.未调整大小 我的边框半径为50%,边框边框为3px.
我的问题是当边框半径被给出时,图像和边框之间有一个1px的差距.

问题在下图中演示.

而我正在使用的CSS,

img {    border: 3px solID #4CB7AC;    height: 46px;    wIDth: 46px;    border-radius:50%;}

注意

>图像大小为46px X 46px.未调整大小
>而且我必须使用< img>获取图像.将其设置为背景图像被排除.
>解决方案必须与所有浏览器兼容.甚至ie8.

有没有办法消除这个差距?

编辑
JS Fiddle link

解决方法 只需添加背景颜色与您的边框颜色相同,它是固定的.

见jsFiddle

总结

以上是内存溢出为你收集整理的html – 添加边框半径时边框和图像之间的间隙全部内容,希望文章能够帮你解决html – 添加边框半径时边框和图像之间的间隙所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1142623.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存