IEで不透明にアニメーションを動かすとホバリングが行われない

Question

ホバー上でメニューを読むのに役立つPNGを持っていますが、フェードはIE上で動作しません.PMNGもChromeとFirefoxでうまくいきます。 PNG-8は何も動作していません。

$(function() { 
     $('#gradient').animate({ "opacity": 0 }); 

     $('#menu').hover(function() { 
      $('#gradient').removeClass('hidden').animate({opacity: '1'}, 400); 
     }, function() { 
      $('#gradient').animate({filter: '0'}, 400); 
     }); 
    }); </script> 

Answer 1

IE少なくとも古いバージョンでは、PNG透過性とCSS透過性を組み合わせた重大な問題があります。

これはIE9で修正されているとは思いますが、わかりません。

それぞれは、同じ画像オブジェクトではなく、うまく動作します。

Answer 2

IE8以下は、標準のCSS opacity属性をサポートしていません。

IE特有のfilterアトリビュートを使用して不透明度の代替方法をサポートしていますが、opacityよりはるかに複雑です。filterはすべての効果を扱うためです。

しかし、JQueryを使用しているので、組み込みの.fadeIn()と.fadeOut()のエフェクトを代わりに使用してください。そうしないと、JQueryがすべての作業を行います。ブラウザそれは私が$（ドキュメント）.ready（関数（）{ $（ '＃メニュー'）にコードを切り替える。

http://api.jquery.com/category/effects/