我有一个边界半径为 50% 且周围有 3px 边界的图像。 我的问题是当给定边框半径时,图像和边框之间有 1px 的间隙。
问题如下图所示。
还有我正在使用的 css,
img {
border: 3px solid #4CB7AC;
height: 46px;
width: 46px;
border-radius:50%;
}
注意
- 图片大小为 46 像素 X 46 像素。未调整大小。
- 我必须使用
<img>
获取图像。排除将其设置为背景图像的可能性。 - 解决方案必须与所有浏览器兼容。甚至 IE8。
有没有办法消除这个差距?
最佳答案
只需添加与您的边框颜色相同的背景颜色
,它就固定了。
参见 jsFiddle
关于html - 添加边框半径时边框和图像之间的间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23490320/