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示例，有人可能只是显示正确答案而不是猜测修复。