div下的img标签100%宽高会有白色边框

Question

做一个头像，img标签需要100%高宽，当img内容为空时，会产生一个白色边框，这是什么原因？

https://jsfiddle.net/tgxh/msz...

查找过资料，https://segmentfault.com/q/10...，试过img设为block，vertical-align都无效。

Answer 1

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

Answer 2

添加 border:none,outline:none 两个属性给 img 标签

Answer 3

这是HTML5规范的说明，当img因为一些原因不能正常显示时，需要浏览器提供一种显示效果来表明这个位置其实是一个图片元素，只是图片没有正常加载。