IE CSSグラディエントプロパティを呼び出す方法 - > Filter from Jquery

Question

IEのjqueryからfilter cssメソッドを呼び出そうとしていましたが、できませんでしたか？

私は使っていますか？

$('.gtob').mouseover(function(){ 
     $(this).css("background-image","-moz-linear-gradient(100% 100% 90deg, #373737, #000000)"); 
     $(this).css("background-image","-webkit-gradient(linear, 0% 0%, 0% 100%, from(#373737), to(#000000))"); 
     $(this).css("filter","progid:DXImageTransform.Microsoft.gradient(startColorstr='#373737', endColorstr='#000000',GradientType=0)"); 
    }); 

最初の2行は、Firefox、SafariとChromeの素晴らしい作品が、IEの文は何の応答も与えない:(

だから、誰もがそれを行う方法を知っている

P：？！S I -ms-フィルタ何も私はあなたがあなたのスタイルシート内のクラスにこれらのスタイルを移動した場合、あなたのコードは非常にクリーンであることを示唆している、そして、あなたのマウスオーバーのため.addClass()と.removeClass()にしてください

Answer 1

を起こりません試してみました。

あなたは作業しているIEのバージョンを指定していませんが、それは価値があるため、filterはIE6とIE7、IE8は-ms-filterが必要です。後者の場合は、フィルタ文字列の引用符をエスケープする必要もあります。

最後に、すべてのバージョンのIEのハックであるCSS3Pieをチェックして、CSSのグラデーションとボーダー半径をやや標準に準拠した方法でサポートすることができます。

Answer 2

グラデーションは大文字にする必要がありますか？ホバー：あなたは `.gtobを経由して、それを適用するときに

$('.gtob').mouseover(function(){ 
     $(this).css("background-image","-moz-linear-gradient(100% 100% 90deg, #373737, #000000)"); 
     $(this).css("background-image","-webkit-gradient(linear, 0% 0%, 0% 100%, from(#373737), to(#000000))"); 
     $(this).css("filter","progid:DXImageTransform.Microsoft.Gradient(startColorstr='#373737', endColorstr='#000000',GradientType=0)"); 
    });