img标签加背景图片始终有border？
用img标签来设置背景图片，无论你怎么给border加样式都会发现一条摆脱不掉的边框，这是浏览器为了识别img标签自带的一个类似于“占位符”的标记，就是为了告诉这里有张图片。没啥作用。怎么消除这条边框呢？
取消背景图片后border还在
解决办法
你换个标签呗，不就是显示一张背景图么？干嘛非要用img标签？
加一句css，使他没有src的时候透明度为0就可以了。
img[src=""]{
opacity: 0;
}
在img里面加一个onerror的图片，来替换不显示的情况，这个图片可以跟背景色一样？或者别的随你，主要是为了掩饰这个border。
博主遇到过这个问题，果断选择了换标签哈哈，但是网上搜索的时候，发现并没有什么文章对这个问题进行总结，所以我总结一下，希望可以帮到踩到坑的童鞋~
