PNG图像在IE7中失真答案

【问题标题】：PNG Images distorted muddy in IE7PNG图像在IE7中失真
【发布时间】：2012-08-03 18:16:22
【问题描述】：

我正在构建一个几乎完成的网站。我遇到的问题是 IE7 和显示的图像看起来非常扭曲/泥泞。

首先它在我测试的所有其他浏览器中的外观，包括 IE8。

由于新帐户的链接限制而被删除

然后是 IE7 的泥巴

Muddy/Distorted Image

做了一些谷歌搜索后，它看起来与 IE7 上 PNG 图像的像素透明度有关。

首先我尝试在实际背景文件中设置纯色背景颜色。这不起作用，因为图像仍然非常泥泞和扭曲。

接下来我尝试指定固定的宽度和高度，但结果仍然相同。目前不知道还有什么可以尝试的。

任何我愿意尝试的建议。

这是与元素有关的代码。

.feature {
    padding-top:10px;
    border-top:solid 1px #ccc;
    width:440px;
    margin:0 auto;
    padding-bottom:5px;
}
.featureimg {
    float:left;
    width:190px;
}
.featureimg img {
    max-height:90px;
    max-width:190px;
    vertical-align:middle;
}
.featuretext {
    float:right;
    text-align:left;
    width:250px;
}
<div class="feature">
    <div class="featureimg">
        <img src="images/certipur.png" alt="" />
    </div>
    <div class="featuretext">
        <div class="featurehead red">
            Sealed with comfort and confidence
        </div>
        <p>
            TEXT BLOCK
        </p>
    </div>
    <div class="clear">
    </div>
 </div>

这里是原始文件http://imgur.com/z2SoV的链接

【问题讨论】：

您可以将您的 png 上传到 imgur 之类的网站，以便我们尝试重现您的问题吗？
给你。 imgur.com/z2SoV。转换为 jpeg 也不起作用。
无法复制问题。你在其他机器上试过吗？
你的图像已经被抠过，或者当背景颜色的位在边缘时，他们称之为。创建此图像时希望使用白色/浅色背景。意思是，如果这确实是问题，您不需要 PNG 的 alpha 透明度。索引该内容并用作 8 位 PNG。所以，简单的类似 gif 的透明度。文件大小也会小得多。在我看来，您的屏幕截图就像我在浏览器尝试调整图像和窗口大小时看到的那样，但我从未从 alpha 透明度中看到过。
尝试了@stommepoes 给出的所有上述示例均无济于事。如果你们不能重新创建它，也许它只是我的机器。它在虚拟机内部运行。我还没有另一台机器可以试用它，但会看看我是否可以在其他地方复制它。有趣的是 IE6 显示效果很好。

标签： html css internet-explorer-7 png

【解决方案1】：

如果您仍然关心：http://imgur.com/9H9nFHe

我尝试使用 BrowserStack.com 来检查使用 IE7 的图像，它看起来一点也不泥泞。我猜它是您的 VM 显示设置，但我认为它显示得非常好。 :)

【讨论】：