html - png 标志将在 IE9 上有白色边框

Question

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

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

但在 IE9 上，它会在 Logo 周围显示白色边界，如下所示:-

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

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

编辑 这是从 IE F12 中提取的 CSS:-

Answer 1

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

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

它声明您的图像背景是透明的。

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