代码示例:
css部分:
.middle .QR_code .baidu_btm2 .icons_0{
width: 14px;
height: 17px;
overflow: hidden;
background: url(../img/icons_441e82f.png);
background-position: -600px -96px;
position: relative;
top: 10%;
}
.middle .QR_code .baidu_btm2 .icons_1{
width: 14px;
height: 17px;
overflow: hidden;
background: url(../img/icons_441e82f.png);
background-position: -623px -96px;
position: relative;
top: 10%;
}
html部分
<!-- src="" 就是空引用处理-->
<img class="icons_0" src="" />
<img class="icons_1" src="" />
因为图片并不是在img
标签中直接引用,所以会出现一个暗淡色边框,这时候只需要在img
标签里做一个空引用处理,就能解决边框问题。