jQuery应用css不透明度

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（ “慢”，0.5）;

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

Answer 3

IE8不对不带布局的元素应用不透明度。请参阅此回答Opacity CSS not working in IE8

Answer 4

jQuery使用css("opacity", value)和fade*()方法处理以IE≥6兼容的方式设置不透明度。但请务必使用与IE 6,7和8兼容的jQuery 1.x库，而不是 jQuery 2.x （两者都是IE≥9兼容）。

以下是使用css("opacity", value)和fadeTo(duration, opacity)的示例：

• jQuery 1.x ：http://jsbin.com/xabexa/2/edit?html,js,output
• jQuery 2.x ：http://jsbin.com/xabexa/3/edit?html,js,output

然而，IE≤8与半透明PNG的不透明度有关： How to solve/hack fading semi-transparent PNG bug in IE8?

Answer 5

试试这个

filter: alpha(opacity=50);

而不是

opacity:0.5;