html - css "background-image"显示不需要的边框，img "src"不显示

Question

开始使用 Twitter Bootstrap，我遇到了一个奇怪的问题，我无法找出原因。

当我使用以下方式渲染图像时:

<img class="img-rounded" id="logo" />

在 CSS 中:

#logo {
    background-image: url(/Content/Images/logo.png);
}

图像显示有一个窄“边框”:

尽管我找不到任何与此效果相关的内容。由于 img-rounded 类， Angular 是开放的。

渲染图像使用:

<img class="img-rounded" id="logo" src="~/Content/Images/SO.png" />

按预期呈现:

如何去除边框？ 我尝试过但没有成功的 CSS 代码:

• 边框:无；
• 颜色:蓝色；
• 背景颜色:蓝色；
• border-style: none;

Answer 1

答案是不使用 <img>标记并尝试设置 background-image在 CSS 中。

要么使用 <div>或 <img src="pic.png">而不是两者的无效组合。

感谢指出这一点的 rblarsen。