css - 为什么我的图像周围有一个黑色方 block 但只有 IE :-(

Question

我有以下代码块:

<li><a ><img class='ico' src='../../Content/Icons/home.png' />Home</a><img class='sep' src='../../Content/Images/sep1.png' /></li>

它按预期工作，但在 16x16 ico 图像周围有一个黑色边框。我已经有了如下的 CSS:

li a {padding: 0px 5px 5px 5px; height: 18px; 
      display: inline-block;
      text-decoration: none; position: relative;bottom: 7px;
} 

我对 Firefox 和 Chrome 没有问题，但对 IE 没有问题。

有谁知道我该如何解决这个问题。我本以为它会遵守文字装饰:图像没有。

Answer 1

你只需要删除默认的 img 边框:

img {
    border: 0
}

最好应该靠近 CSS 的顶部。