P
Patrice
There seems to be a bug with the events mouseOut and mouseOver of divs
when their position is fixed : when you enter the div with the mouse,
three events are fired in this order : over, out, over.
It works as expected with IE6.
Is this a known problem ?
Is there any workaround ?
Patrice
--- Sample code to try -----------------------------------------
<html>
<head>
<script language=javascript>
var T = "";
function pOver (e)
{
T +=" over";
window.status=T;
}
function pOut (e)
{
T +=" out";
window.status=T;
}
</script>
</head>
<body>
<div Style="border:solid 1px #000000; position: fixed; left: 50px;
top: 100px; width: 100px; height: 100px;"
onMouseOver="pOver (event);"
onMouseOut="pOut(event);">fixed
</div>
<div Style="border:solid 1px #000000; position: absolute; left: 200px;
top: 100px; width: 100px; height: 100px;"
onMouseOver="pOver (event);"
onMouseOut="pOut(event);">absolute
</div>
</body>
</html>
--------------------------------------------
when their position is fixed : when you enter the div with the mouse,
three events are fired in this order : over, out, over.
It works as expected with IE6.
Is this a known problem ?
Is there any workaround ?
Patrice
--- Sample code to try -----------------------------------------
<html>
<head>
<script language=javascript>
var T = "";
function pOver (e)
{
T +=" over";
window.status=T;
}
function pOut (e)
{
T +=" out";
window.status=T;
}
</script>
</head>
<body>
<div Style="border:solid 1px #000000; position: fixed; left: 50px;
top: 100px; width: 100px; height: 100px;"
onMouseOver="pOver (event);"
onMouseOut="pOut(event);">fixed
</div>
<div Style="border:solid 1px #000000; position: absolute; left: 200px;
top: 100px; width: 100px; height: 100px;"
onMouseOver="pOver (event);"
onMouseOut="pOut(event);">absolute
</div>
</body>
</html>
--------------------------------------------