Hello,
I have following html file
<html>
<head>
<script>
var flag = true;
function LoadNewImage()
{
mainDiv.filters[0].apply();
if (flag == true)
{
mainDiv.style.backgroundColor = "white";
flag = false;
}
else
{
mainDiv.style.backgroundColor = "black";
flag = true;
}
mainDiv.filters[0].play();
}
</script>
</head>
<body>
<div id="mainDiv"
style="FILTER:progid:DXImageTransform.Microsoft.Fa de(overlap=1.00);">
</div>
<input type="button" onclick="LoadNewImage()" id="id1" name="Fade
Start">
</body>
</html>
the transition 'fade' does not work here
but if i add "HEIGHT: 10px;" to the style of mainDiv, then the fade
effect works fine.
The browser i use is IE 6 on Win XP Pro.
Is this a bug or i am missing on something? Please comment.
Regards,
Harshal