仅延迟鼠标菜单

Question

Menu有人可以帮忙吗？我已经尝试过这个CSS Dropdown Menu: Add delay on mouse out，但是在离开主导航栏选项并将鼠标光标直接移向子菜单选项时，菜单消失了吗？有什么办法可以延迟菜单不会立即消失？

https://www.waterstreetgallery.co.uk/en/main菜单

到目前为止，它正确地定位它并过渡而不是悬停？

.menu-block_item:hover .menu-block_item-submenu {
    transition-delay: 1s;
    transition-duration: 0.5s;
}

Answer 1

您还必须在非伪类上设置转换延迟和持续时间。

.menu-block_item .menu-block_item-submenu {
transition-delay: 1s;
transition-duration: 0.5s;

}

如果您只是将它放在伪 :hover 类上，那么过渡延迟仅在鼠标悬停时应用。

鼠标离开的那一刻，过渡延迟不再应用，这就是你的菜单立即消失的原因。