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显示设置，但我认为它显示完全正常。：）

PNG图像在IE7中扭曲了泥泞

1 个答案: