Leonid
PHP? нет, не слышал...
Не всегда срабатывает OnMouseOut для абсолютно позиционированного слоя
Упрощенно задача такая:
2 слоя, один небольшого размера, второй больше, поверх первого, изначально скрыт.
при наведении мыши на первый, появляется второй.
при уведении мыши с появившегося второго он снова скрывается.
код
<html>
<head>
<title>OnMouseOut test</title>
<style>
div.small {left:200px; top:200px;
width:100px; height:100px;
position:absolute;
background-color:#c0c0c0;}
div.over {position:absolute;
left:150px; display:none;
z-index:10; top:150px; width:300px;
height:300px; background-color:#99ccff;}
</style>
</head>
<body>
<div class="over" id="hhh" onmouseout="document.getElementById('hhh').style.display='none';">Появляющийся слой</div>
<div class="small" onmouseover="document.getElementById('hhh').style.display='block';">test div</div>
</body>
</html>
В принципе это работает, но если очень быстро проводить мышкой над первым слоем, то второй появляется, но не успевает исчезнуть, хотя курсор мыши уже далеко от него.
Баг во всех браузерах - IE6 b 7, Опере, ФФ
И если таких слоев несколько то они наползают друг на друга, некрасиво. Как бороться?
Упрощенно задача такая:
2 слоя, один небольшого размера, второй больше, поверх первого, изначально скрыт.
при наведении мыши на первый, появляется второй.
при уведении мыши с появившегося второго он снова скрывается.
код
<html>
<head>
<title>OnMouseOut test</title>
<style>
div.small {left:200px; top:200px;
width:100px; height:100px;
position:absolute;
background-color:#c0c0c0;}
div.over {position:absolute;
left:150px; display:none;
z-index:10; top:150px; width:300px;
height:300px; background-color:#99ccff;}
</style>
</head>
<body>
<div class="over" id="hhh" onmouseout="document.getElementById('hhh').style.display='none';">Появляющийся слой</div>
<div class="small" onmouseover="document.getElementById('hhh').style.display='block';">test div</div>
</body>
</html>
В принципе это работает, но если очень быстро проводить мышкой над первым слоем, то второй появляется, но не успевает исчезнуть, хотя курсор мыши уже далеко от него.
Баг во всех браузерах - IE6 b 7, Опере, ФФ
И если таких слоев несколько то они наползают друг на друга, некрасиво. Как бороться?