5

我试图让不透明度在 IE 中工作，我目前正在 IE8 中进行测试，Chrome 等工作正常，但 IE8 很糟糕。

我的代码是：

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

和

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

不透明度应用于此 div 中保存的图像，但没有文本，这非常令人愤怒 :( 任何人都可以帮助我吗？提前谢谢。

4

5 回答 5

5

试试这个：

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

希望这对你有帮助

于 2012-04-13T09:34:42.330 回答
4

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

或者

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

或者

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

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

于 2013-03-25T13:58:58.133 回答
0

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

于 2012-04-13T09:23:19.913 回答
0

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

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

但是，IE ≤ 8 中存在与半透明 PNG 的不透明度相关的问题： How to solve/hack fading semi-transparent PNG bug in IE8?

于 2015-01-11T11:55:45.143 回答
-1

试试这个

filter: alpha(opacity=50);

代替

opacity:0.5;
于 2012-04-13T09:21:38.110 回答