230问答网 > 为什么css做的二级导航，当鼠标停留在一级上时候，二级菜单正常显示。当鼠标移动到二级菜单，

为什么css做的二级导航，当鼠标停留在一级上时候，二级菜单正常显示。当鼠标移动到二级菜单，

2024-12-01 09:43:58

推荐回答（5个）

回答1：

如果我猜的不错的话，你用的方法是鼠标在一级上时，二级的display设置为block，当鼠标离开一级时display为none。所以当你的鼠标离开一级指向二级时二级隐藏了。
你可以这样写，当鼠标指向一级节点时，它的二级节点为显示，而其他一级节点的二级节点隐藏；当鼠标离开时不需要做函数处理。
下面是我做的一个简单的例子，希望对你有帮助

无标题文档

第一个第一层
- 第一个第二层
- 第一个第二层
第二个第一层
- 第二个第二层
- 第二个第二层
第三个第一层
- 第三个第二层
- 第三个第二层

第四个第一层
- 第四个第二层
- 第四个第二层

回答2：

从你的代码可以看出 display：none为不显示如果要其显示的话为display：block；当鼠标移动到一级导航li：hover改变display才会显示，也就是移动到li的内容中才能显示，当你移到二级导航中时加上一个relative为相对定位，占元素空间默认为li的一部分，因此显示正常

回答3：

求助在哪加啊？

回答4：

啊

回答5：

请设置绝对定位