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

Question

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

Answer 1

是的，有可能（使用 CSS3 转换/动画）在此显示/隐藏行为上添加延迟，但我认为问题在于：

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

如果用户将鼠标从容器元素上移开，则子菜单将再次隐藏。它们需要停留在与要显示的子元素相关联的任何元素的“目标区域”中：悬停样式。（我想你只是通过 CSS 来显示/隐藏子菜单。）

但实际上，您需要给出一个代码示例才能给出具体的反馈。