png 徽标在 IE9 上将有白色边框

Question

我正在开发一个 asp.net mvc web 应用程序，我们的顶部导航栏为蓝色区域，我在蓝色区域内显示我们的徽标，使用以下代码：-

   <a class="brand" href="~/Home/Index/"> <img alt="Group" src="~/Content/logo_CMYK.png" /> </a>

但在 IE9 上，它会在徽标周围显示白色边框，如下所示：-

在 IE10、Firefox 和 Chrome 上，徽标将有如下蓝色边框，并且可以正常工作：-

谁能建议我如何解决这个布局问题？ 谢谢

编辑 这是从 IE F12 检索的 CSS：-

Answer 1

这不是白色边框，而是白色的背景。 你可以试试这个代码：

a, img {
   background: transparent;   
   zoom: 1;
}

它声明你的图片背景是透明的。

如果您可以设置一个 jsbin.com 示例，那么有人可能只会显示正确答案而不是猜测修复。