1

私はほぼ完成したサイトを構築しています。私が抱えている問題は、IE7 にあり、画像が非常に歪んだりぼやけて表示されたりすることです。

まず、IE8 を含む、私がテストした他のすべてのブラウザーでどのように表示されるかを確認します。

新規アカウントのリンク制限により削除

そして、IE7の泥だらけのもの

画像がぼやける/歪む

いくつかのグーグルを行った後、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

4

1 に答える 1

0

それでも気にする場合: http://imgur.com/9H9nFHe

BrowserStack.com を使用して、IE7 を使用して画像を確認しようとしましたが、まったく濁っていませんでした。VMの表示設定だと思いますが、問題なく表示されると思います。:)

于 2013-06-21T16:19:25.713 に答える