当鼠标悬停在内容窗口上时，如何创建一个链接，其中会出现网站标题菜单中的文本或链接？

Question

以下是此类机制的一个示例： 在此输入图片描述

我一直在尽可能地寻找这个问题的解决方案，但我没有找到，我尝试在神经网络的帮助下做到这一点，但没有。

如果您能告诉我们这种类型的下拉菜单叫什么，或者至少如何使用链接示例来完成它，那就太好了

在各种视频中，我找到了如何为网站标题制作下拉菜单，但其中许多视频没有我在上图所示的选项

Answer 1

这只是一个简单的 div，从

display: none

设置为

display: {what they use flex or grid}

。

display: none

表示该元素被隐藏。 当这个属性从

none

改变时，元素以flex和grid等显示模式出现在屏幕上。 它将是 javascript，允许触发导航栏标题中的每个元素。

Answer 2

这应该是适合您的用例的有效 CSS

.nav-item:hover .submenu {
  display: block;
}

剩下的就是根据您的应用来设计风格