使用jquery设置不透明度在IE8中不起作用，但在IE7中有效

Question

我的代码：

$('.diff a').css('opacity', .5);

适用于IE7，firefox和chrome，正确使锚元素显得褪色，但在IE8中则不然。

我正在使用jquery 1.4.4

编辑：这是一个显示问题http://jsfiddle.net/KUJYF/

的测试页

Answer 1

你为什么要使用不透明度？为什么不使用较浅的颜色来模拟效果，而不会产生不透明度属性引入的开销。

Answer 2

我尝试为不透明度设置动画以淡入和淡出span元素时遇到了同样的情况。在IE7下，span的动画完美无瑕。在IE9下，同样的故事。但是，在IE8下，没有动画。

感谢对上面提出的原始问题的评论，我发现通过将跨度的CSS样式设置为inline-block，动画开始在IE8中工作，这让我相信IE8可能不支持不透明度内联元素（至少不是jQuery 1.4.4实现它的方式）。

以下是我用于测试的示例：http://jsfiddle.net/ddYuJ/2/

Answer 3

使用fadeto

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