html - 菜单项显示其子项的延迟时间

Question

目前，我的站点水平显示菜单项，当用户将鼠标悬停在每个菜单项上时，会显示其子菜单项。然而，当用户试图点击子项时，它们就消失了。有什么办法可以延迟子项可见的时间吗？

Answer 1

是的，可以(使用 CSS3 转换/动画)在此显示/隐藏行为上添加延迟，但我认为问题在于:

1. 您如何嵌套标签
2. 哪些标签具有关联的 :hover 样式

如果用户将鼠标移离容器元素，子菜单将再次隐藏。它们需要停留在与要显示的子元素关联的悬停样式的任何元素的“目标区域”中。 (我假设您仅通过 CSS 显示/隐藏子菜单。)

不过，您确实需要提供代码示例才能提供具体反馈。