1

私はJqueryで不透明度をアニメーション化しようとしています.IE8を除いて、すべてのブラウザで正常に動作しています.
問題: アニメーションでいくつかの醜いアーティファクトが表示されます:(
背景を削除し、アニメーション div とコンテナー div に同じ背景色を追加することでこれを解決できることはわかっていますが、私の場合はオプションではありません
。これに対する解決策を提案しますか?私のコード:

$(document).ready(function() {
    $(".img").animate({
        opacity: 0
    });
    $(".glow").click(function() {
        $(".img").animate({
            opacity: 1
        }, 5000);
    });
});
4

2 に答える 2

2

CSS に IE フィルターを追加することで、この問題を部分的に解決できました (現在ははるかに改善され、黒いハローはなくなりました)。
これで一日を失ったので、私よりも幸運な人に役立つことを願っています:)

 .img{
 display:block;
 width:230px;
 height:300px;
 owerflow:hidden;
 position:relative;
 outline:none;

 /*Notice (ugly) IE filter here and Source to my PNG image */

 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.robertpeic.com/glow/glow.png) alpha(opacity=0);
 background:none;
 margin:0px auto;
 padding-top:10px;

 }
于 2012-08-01T19:02:09.620 に答える
1

これは、IE7およびIE8でアルファ透明度を使用して画像の不透明度を変更したときに得られるものです。jQueryでの同じIEGIF/PNGの透明性の問題について別の質問があります

于 2012-08-01T14:55:53.613 に答える