Html 如何延迟下拉菜单触发器的淡出？

我希望在徽标上悬停显示下拉菜单，但当我悬停时，它立即消失，使访问它变得极其困难。（）

我已经研究了一段时间，但似乎没有任何效果。 我能找到的所有东西都告诉我使用transition和transition delay CSS属性，但它似乎不起作用

。下拉：悬停>。下拉菜单{
过渡期：所有；
过渡延迟：5s；
显示：块；
}

标志在这里

实际上，您不能添加转换延迟，因为

显示

属性在CSS中未设置动画

---

您可以添加简单的JS代码，以便在鼠标悬停时添加类，在鼠标悬停时删除超时。

实际上，您不能添加转换延迟，因为CSS中未设置

显示属性的动画

您可以添加简单的JS代码，在mouseover上添加类，在mouseout上删除超时。
您已经标记了引导，但没有使用引导的建议标记。为什么？请注意，Bootstrap不提供悬停菜单，因为它们在触摸设备上的实用性有限。只需向触发器添加一些属性就可以解决问题：您已经标记了Bootstrap，但没有使用Bootstrap的建议标记。为什么？请注意，Bootstrap不提供悬停菜单，因为它们在触摸设备上的实用性有限。只需向触发器添加一些属性即可解决问题：