html中src为空,怎么解决img里面src为空状态下的边框问题

根据大家提供的我整理了一下。你们可以看看

.m-switchi .img{/外面的div/

display:inline-block;

width:160px;

height:80px;

border:2px solid #353d48;

box-sizing: border-box;

}

.img img{

width:100%;

height:100%;

border:1px solid #353d48;

}

.img img[src='']{

opacity:0;

}

大同小异的另一种

Document

img{width:100px;height:100px;border:0;outline:0;vertical-align: top}

/*img[src=""]{opacity:0;}*/

/*div{border:2px solid #f00;display:inline-block;}*/

img{padding:1px;margin:-2px;}

div{border:1px solid #f00;display:inline-block;overflow:hidden;}