html img边框隐藏,详解img[src=""] img无路径情况下，灰色边框去除解决方法

img[src=""] img标签无路径情况下，灰色边框去除解决方案

1.Js解决办法

function whenError(a){

a.οnerrοr=null;

a.src='path_default.jpg';

console.log('图片出错的时候调用默认的图片');

}

2.绝对定位聚焦解决方案

absolute聚焦解决方案

.container-img {

position: relative;

display: inline-block;

width: 36px;

height: 36px;

overflow: hidden;

}

.container-img img {

position: absolute;

top: -1px;

right: -1px;

background: url(img/common-icon.png) no-repeat;

background-position: 0px 1px;

}

3.margin聚焦解决办法

margin聚焦解决方案

.container-img {

display: inline-block;

width: 36px;

height: 36px;

overflow: hidden;

}

.common-icon {

display: inline-block;

background: url(img/common-icon.png) no-repeat;

background-position: 0px 1px;

margin: -1px;

}

4.css隐藏img[src=""]{

opacity: 0;

}