我如何摆脱图像周围的边界？

Question

我找不到问题的根源。我想摆脱图像边界。

问题： http://codepen.io/anon/pen/xeFmt

解决方案应该是支持IE8 +的跨浏览器。

Answer 1

通常情况是：

  outline: none;
  border: none;

我怀疑CodePen可能会添加，因此您可以看到该元素，或直到您向标记添加真正的src。

Answer 2

w3说SRC is mandatory.

  

SRC（来源）   SRC属性指定要嵌入的图像的URI。其语法与标记的HREF属性相同。 SRC是强制性的。

向src添加任何值（即使是丢失的图像）也会使边框/轮廓消失，而无需修改css。

示例：http://codepen.io/anon/pen/eaJum

Answer 3

通常可以通过

来实现

border: none;
outline: 0;

但不适用于缺少实际图像，即未加载或未指定src属性的情况

Answer 4

正如Romain Braun建议的那样，在<img/>标记中添加来源会删除边框。

<img src="http://9to5google.files.wordpress.com/2013/12/google2.jpg" />

Answer 5

为它添加图像src =“”属性应删除边框，但我还会在CSS中添加border: none;。