html图片边框左右消失,html – css“background-image”显示不需要的边框,img“src”没有...

这应该工作.我认为问题是使用没有src属性的img标签.在这种情况下,我们可以简单地使用div标签.

我早些时候在SO上遇到过这个问题,但我不记得那个问题的链接了.

1)使你的身高和宽度为0.

2)根据图像大小给出适当的填充. (即填充：宽度/ 2px高度/ 2px宽度/ 2px高度/ 2px)

简而言之,左右填充应该加到图像的宽度

和

您的顶部和底部填充应添加到图像的高度.

img {

background: url(http://i.stack.imgur.com/8C4wK.png) no-repeat;

font-size:0;

width:0px;

height:0px;

padding:36px 99px 36px 99px; /* Since height and width are 0. use appropriate padding. Image is of 197 X 73 dimension. So using 36px on left and right whereas 99px each on top and bottom*/

border-style:none;

}