Javascript WordPress下拉菜单重叠-悬停一个打开另一个

所以我为WP创建了一个主题，菜单出现了问题。我想下拉列表在后面有点重叠，有时当我悬停在一个项目上时，它的子菜单会打开，但当我将诅咒移向它的子菜单时，它旁边的项目的子菜单会打开

例如：

有什么想法吗

编辑： 我注意到，当我将鼠标悬停在顶级菜单项上超过2秒，然后将光标移向子菜单时，故障不会发生

在做了大量挖掘之后，我发现，一旦我将鼠标悬停在一个顶级菜单项上，就会有一个类被我的主题（Divi）添加到其中，当我将光标移动到另一个菜单项上时，该类会被删除，但会有一定的延迟，因此当我将鼠标悬停在一个新的顶级菜单项上时，之前悬停的一个仍然有类附加到它大约1秒

我在主题的文件中发现了以下代码，我认为这是罪魁祸首，但我尝试将200改为0，延迟仍在发生（我正在使用Chrome上的DevTools跟踪添加和删除的类）：

---

您是否尝试过在悬停状态下玩

z-index

？比如：

.item {
    z-index: 0;
    &:hover {
        z-index: 1;
    }
}

我猜现在没有代码作为参考

.item {
    z-index: 0;
    &:hover {
        z-index: 1;
    }
}