2012-05-09 6 views
3

ホームページにいくつかの画像を表示するためにイメージローテーターを使用しました。すべての画像はPNG形式です。問題はIE(7,8)です - 画像の横に黒い影があります...私はこの問題を修正するのに2,3時間を費やしましたが、まだ分かりません。問題はどこにありますか&それを削除する方法...PNGの透明度の問題 - 黒い陰影の画像がぼやけている - IEの枠線

誰も似たような問題とヒントを持っていませんでしたが、それをどのように修正しましたか?

+0

.png画像は使用しないでください。お気に入りの画像エディタ[:)]を開き、周囲の画像のスライスと画像を合成し、.jpg画像を作成します。 (アルファ不透明度が黒くなってしまいます。)「Webとデバイスのために書き出し」、画像は使用する.pngよりも小さくなります。 –

+0

その問題について[ここ](http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8)を読む! – Zuul

答えて

2

で試してみてください(。それはあなたのイメージの周りに小さな白い境界線を作成しますが、私はあなたがそれを望んではいけないと思います)

img.yourimg { 
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ 
} 

またはPNG8を使用

または上記の私のコメントのように行います。

+0

素晴らしい、それは働いている! – user984621

関連する問題