仅鼠标菜单上的延迟

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类上，则仅当鼠标悬停时才应用过渡延迟。

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