jQuery应用css不透明度

我试图让不透明度在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无法在IE8中运行

Answer 4

在使用css("opacity", value)和fade*()方法时，jQuery会以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的不透明度有关的问题： 如何解决/破解IE8中的淡化半透明PNG错误？

Answer 5

试试这个

 filter: alpha(opacity=50); 

代替

 opacity:0.5;