具有透明度的缩放 png 文件在 Internet Explorer 9 ( ie9 ) 中呈现锯齿状边缘答案

【问题标题】：Scaled png files with transparency render with jagged edges in Internet Explorer 9 ( ie9 )具有透明度的缩放 png 文件在 Internet Explorer 9 ( ie9 ) 中呈现锯齿状边缘
【发布时间】：2011-11-09 09:10:16
【问题描述】：

Chrome、Firefox、Safari 和 IE8 都像这样渲染相同的 png：

IE9 是这样渲染的：

这是代码：

<img src="/img/icon-grey-search.png" />

这是应用于此图像的 css：

img {
    height:1.5;
}

为什么这只发生在 IE9 中？有办法解决吗？

【问题讨论】：

什么高度：1.5；应该是什么意思？这不是有效的 CSS。

标签： internet-explorer graphics png transparency internet-explorer-9

【解决方案1】：

试试-ms-interpolation-mode: bicubic

【讨论】：