jquery - CSS不透明度を適用するjQuery

Question

不透明度を IE で動作させようとしましたが、現時点では IE8 でテストしています。Chrome などは正常に動作しますが、IE8 はひどいものです。

私のコードは次のとおりです。

$('#mydiv').animate({'opacity': '0.5'});

と

$('#mydiv').css('opacity', 0.5);

不透明度は、この div 内に保持されている画像に適用されますが、テキストには適用されません。

Answer 1

これを試してください：

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
filter: alpha(opacity=75); /* older IEs */

これがお役に立てば幸いです

Answer 2

$('#mydiv').fadeTo(0.5);

また

$('#mydiv').fadeTo(500,0.5);

また

$('#mydiv').fadeTo("slow",0.5);

http://api.jquery.com/fadeTo/

Answer 3

IE8 は、レイアウトのない要素に不透明度を適用しません。この回答を参照してくださいOpacity CSS not working in IE8

Answer 4

これを試して

filter: alpha(opacity=50);

それ以外の

opacity:0.5;