JQuery - PNG画像のfadeIn（）とfadeOut（）です。 IE8のボーダーソリッド（黒）...？

Question

私は、半透明の資金（影付き）を持つPNG画像があるdivのブロックでfadeIn（）とfadeOut（）を実行しています。 http://jsfiddle.net/k3KUj/8/embedded/

はIE 8では、それが消えたらすぐにフェードイン（）やフェードアウト（）を実行したときにハードエッジを表示されますが、中に

を参照してください。 FirefoxではOKです。

PNGの背景色を適用するために、論理（例えば、上記のリンクと、背景色が明るい灰色であるべきである）、それが動作します。

しかし、PNGに背景色を入れたくありません。私はあなたがPNG画像の透明性を持っていても、黒い枠線がIE 8に現れないようにしようとしています。 forumに応答を見ると

、試み：

-ms-フィルタ： "プログラムID：DXImageTransform.Microsoft.gradient（startColorstr =＃00FFFFFF、endColorstr =＃00FFFFFF）"。/* IE8 /
フィルタ：プログラムID：DXImageTransform.Microsoft.gradient（startColorstr =＃00FFFFFF、endColorstr =＃00FFFFFF）。/ IE6 & 7 */
ズーム：1;

とjquery IE Fadein and Fadeout Opacity

$（ '＃圏'）、CSS（ 'フィルタ'、 'アルファ（不透明度= 40）'）に表示。

とfadeIn/fadeOut jquery problem with IE7/8 & png

$（ "＃圏"）、CSS（ 'フィルタ'、 'なし'）でご覧ください。

しかし、動作しません。任意の新しいアイデアは、画像の背景に透明な色を適用することなく？

ありがとう、Vinicius。

Answer 1

あなたのイメージに単色の背景色を定義します。

 
    $('.holder-thumbs li a img').each(function() { 
     $(this).css('background-image', $(this).attr('src')); 
    }); 

利点：

 
    .container img { 
     background-color: white; 
    } 

はそのSRC属性にあなたのイメージの背景画像 CSSプロパティを定義しますドン時にはとして適用：「tはあなたのマークアップを変更する

デメリットを必要としますolid背景色は許容される解決策ではありません。それは通常私のためです。