如何在IE6上修复不透明度

如何在IE6上修复不透明度

此代码不适用于IE6!

filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; 

而且这段代码!

 $('#description').animate({opacity: 0.0}, 1000); 

如果你在jQuery中使用opacity ,那么fadeInfaceOutfadeTo函数应该比animate更好。 在你的情况下,它会

 $('#description').fadeOut(1000); 

或者用fadeTo

 $('#description').fadeOut(1000, 0.0); 

但它是在IE6上工作! 🙁

http://jsbin.com/owisa/3

哪里不行?

您的样式元素需要具有filter的布局才能正确呈现。

尝试:

 filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; display: inline-block; 

要么:

 filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom: 1;