DxImageTransform Fade Transitions - HEIGHT problem

H

Harshal

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.Fade(overlap=1.00);">&nbsp;
</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
 
V

VK

Harshal said:
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.

You can apply Microsoft filters and transitions only to elements
*having layout*. As Microsoft defines it: "having layout" means to have
element's width and height specified. Usually they let you go with only
wigth or only height specified, but not without both of them. More
reading:
<http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
474,432
Messages
2,571,681
Members
48,796
Latest member
Greg L.

Latest Threads

Top