onmouseleave在鼠标进入另一个元素的空间时触发,即使该空间与第一个元素共享

onmouseleave triggered when the mouse enters the space of another element, even if that space is shared with the first element?

本文关键字:元素 空间 共享 第一个 鼠标 另一个 onmouseleave      更新时间:2023-09-26

我正在尝试为网页制作一个简单的javascript菜单,一切似乎都很好。淡入菜单(通过更改元素的不透明度)的函数链接到菜单标题元素中的onmouseover事件,而淡入菜单的函数则链接到onmouseleaf事件。

菜单部分重叠(位置属性设置为绝对,页面设计需要它),但这不是问题,因为一次只显示一个。

我注意到,每当鼠标进入下一个菜单占用的空间时,onmouseleave事件就会被触发,使当前菜单淡出,即使该空间是共享的。有办法解决这个问题吗?

增加淡入元素的css z索引