How to fix opacity on IE6

Question

how to fix opacity on IE6

This code does not work on IE6!

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

And this code!

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

Answer 1

If you are working with opacityin the jQuery, fadeIn, faceOutand fadeTofunction must be better than animate. In your case it will be

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

Or with fadeTo,

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

---

But this is work on IE6 !: (

http://jsbin.com/owisa/3

Where does he not work?

Answer 2

Your style should have a layout for the filter to display properly.

Try:

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

Or:

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