Ситуация такая.
Есть два div, второй div скрыт и в нём, например, ссылка.
Если навести указатель мыши на первый div, то отобразится второй div с ссылкой, так вот если размер этой ссылки будет больше размера первого div (чего можно добиться путём масштабирования страницы), то сместив указатель мыши непосредственно вправо (оставаясь в пределах второго div, но выйдя за пределы первого div), второй div снова становится скрытым (хотя вроде бы этого не должно было произойти), если же размер ссылки меньше размера первого div, то подобного не наблюдается.
Очевидно, что здесь возникают некоторые дополнительные события, может быть, например, onmouseout у первого div, хотя явно мы его не задавали.
Подскажите, что конкретно происходит в данной ситуации.
Вот пример.
|
Код:
|
<style>
div {
position: absolute;
left: 0px;
top: 0px;
padding: 2%;
}
</style>
<div style="width: 3%; height: 60%; background: lightgrey"
onmouseover="document.getElementById('d').style.display = 'block'"
>
</div>
<div id=d style="width: 20%; height: 50%; background: gray; display: none"
onmouseout = "this.style.display = 'none'"
><a href="">content</a>
</div> |