0

CSS 画像スプライトがあり、これは FF と IE で完璧にレンダリングされます。問題は、レンダリングされたイメージが IE で低品質に見えることです。

誰もこれに遭遇したことがありますか？どのように修正しましたか？帯域幅とリクエストを節約するために、CSS スプライトが必要です。

代替テキスト http://cupacupelor.ro/img/problem.png

.blackmncenter2
{
    float:left;
    height:32px;
    line-height:32px;
    background-image:url(../img/top-menu-center.png);   
    background-repeat:repeat-x;
    background-position:left -64px;
    color:White;
    cursor:pointer;
    display:block;
}

画像：

http://cupacupelor.ro/img/problem.png

デモ：

http://cupacupelor.ro/

ブラックトップメニュー、投稿から最大7日間利用可能。FF で試してから IE で試してください。

4

3 に答える 3

3

グラフィックを PNG 形式にする必要がありますか? 従来、Internet Explorer 6.0 以前には、PNG 形式に関連するいくつかの問題がありました。最も顕著なのは、アルファ チャネルのサポートの欠如です。

このアルファ チャネルがないと、IE は PNG 画像で表される透明度を正しくレンダリングできません。これにより、イメージが少し歪んだり、期待していたものとは異なるものになる場合があります。

詳細がなければ、問題の原因 (またはそもそも何が問題なのか) を特定するのは困難です。

于 2009-05-28T19:39:00.300 に答える
1

「低品質」の定義を教えてください。CSS スプライトが元の画像の透明度を保持していないことが原因でしょうか?

于 2009-05-28T19:29:33.703 に答える
0

予期しない奇妙な動作。

透明度のない IE 7 と PNG を使用している場合でも、background-positionスタイルでレンダリングされた背景が IE で奇妙に動作します。

画像をJPGとして保存し、CSSを変更すると問題が解決しました。

皆さんより、私は答えに投票しました。

于 2009-05-28T19:46:18.660 に答える