奇怪的黑条出现HTML

Question

我正在尝试在HTML文档中创建链接部分。我有几个包含图像的链接。代码在这里：http://jsfiddle.net/u6Tmt/。正如你在SO图像后看到的那样，有一个小黑条看起来几乎像下划线。导致这个黑条出现的原因是什么？如何摆脱它？

如果你不知道我在说什么，这里有一张图片可供帮助：

此处还有另一份代码：

<div id="links">
  <a href="http://stackoverflow.com/users/1916721/cabellicar123">
    <img src="http://cdn.sstatic.net/stackoverflow/img/favicon.ico" alt="stack overflow">
  </a>

  <a href="https://github.com/cabellicar123">
    <img src="https://assets-cdn.github.com/favicon.ico" alt="github">
  </a>
</div>

Answer 1

条形图是超链接的默认下划线。

将此规则添加到CSS样式表中以摆脱它

DIV#links A { text-decoration: none; }

Answer 2

我不会认为这是一个问题，但如果你改变了

<img src="image URL" alt="stack overflow">

到

 <img src="image URL" alt="stack overflow"/>

并删除

中的所有空格

<A>

你的小提琴修复

编辑：此＆amp; cobra_fast的回答

Answer 3

您的第一个标签中似乎有一个空格，超链接正在加下划线。当您将a-tags与图像一起使用时，将它放在同一行上它似乎有效：

<div id="links">
<a href="https://stackoverflow.com/users/1916721/cabellicar123"><img src="http://cdn.sstatic.net/stackoverflow/img/favicon.ico" alt="stack overflow"></a>
<a href="https://github.com/cabellicar123"><img src="https://assets-cdn.github.com/favicon.ico" alt="github"></a>
</div>

stack overflow http://cdn.sstatic.net/stackoverflow/img/favicon.ico