html - PNG图像在IE7中扭曲混浊

Question

我正在构建一个即将完成的站点。我遇到的问题是 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

Answer 1

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

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