Html 为什么IE与其他浏览器相比显示.png图像粗糙？

我在菜单中使用了一个.png文件，它在其他浏览器中显示良好，边缘平滑，而在IE中显示粗糙。请帮助我解决为什么IE与其他浏览器相比对待.png的方式不同

  <li>

               <a href="" onclick="window.open('http://www.tripadvisor.in/Hotel_Review-g1131922-d4550301-Reviews-Camp_X_Terra_Ranichauri_by_Nature_Connect_Outdoors_Pvt_Ltd-New_Tehri_Uttarakhand.html')" onMouseOver="changeBgImage('images/trip.jpg', 'test')">

              <img  onMouseOver="changeBgImage('images/trip.jpg', 'test')" src="images/tripadvisor.png" alt="Trip Advisor" title="Trip Advisor" width="40"  height="40"  />

              </a>

              </li>

试试css：

img{-ms-interpolation-mode: bicubic;}

---

MS使用自己的库（我想是gdi）渲染图像，并尝试使用快速过滤器加快速度，在哪些IE版本中？我使用的是IE 9，我的老板使用的是IE 11。这个问题似乎离题了，因为它是关于web图形设计的。我使用了这个过滤器：progid:DXImageTransform.Microsoft.AlphaImageLoader（src='image.png'，sizingMethod='scale'）；但不起作用未经测试：我再也没有一个windows框专门为在线演示要求ie 6了