opacity error on ie

[tader]

Hello so i got error with opacity this script works on ff and opera but not on ie6 can any one help me? i tryded this filter:alpha(opacity=50); but it didin't work :(

<script language="javascript" type="text/javascript">
var go_time = 10;
var opacity = 1;
var time = 10;
function fadediv() { 
    if(opacity != go_time) {
        opacity += 1;
        document.getElementById("sample").style.opacity = opacity / go_time;
        setTimeout("fadediv()",time); 
    } else {
        opacity = 1;
    }
}
 
</script>
 
<div id="sample">MY FADING TEXT IN HERE</div>
<button onClick="fadediv()">Fade Div</button>
 

[acoder]

For IE, you will have to use filters as you've tried.

One other quirk/bug is that the element has to 'have layout' for opacity to work in IE. So, if you give it a width/height, it should work.