如何在IE6上修复不透明度

Question

如何修复IE6上的不透明度

此代码不适用于IE6！

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

这段代码！

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

Answer 1

您的样式元素需要have layout才能使过滤器正确呈现。

尝试：

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;

Answer 2

如果您在jQuery中使用opacity，那么fadeIn，faceOut和fadeTo功能应该优于animate。在你的情况下，它将是

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

或fadeTo，

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

---

但它是在IE6上工作的！ ：（

http://jsbin.com/owisa/3

哪里不起作用？