为啥我的 subnav 如此跳跃？ （链接在我点击之前消失）

Posted 2023-03-06

【中文标题】为啥我的 subnav 如此跳跃？ （链接在我点击之前消失）

【英文标题】：Why is my subnav so jumpy? (links disappear before I can click them)为什么我的 subnav 如此跳跃？ （链接在我点击之前消失）

【发布时间】：2011-03-26 02:55:32

【问题描述】：

http://ken***.org

您会看到主导航有一个子导航，其中的元素向左浮动（我认为*），但是当您将鼠标悬停在主导航项上，然后尝试访问子导航项时，它们会在您单击之前消失他们！我不太明白为什么会这样。

*我设计了网站，另一位开发人员构建了它，但提前进行了项目，所以我只能完成构建。他对使用 CSS 进行布局有点陌生，不确定这个错误是 CSS 实现的错误，还是用于生成此导航系统的 ModX 插件的影响。

额外信息 - 该网站建立在 ModX 之上 - 导航是一个名为 Wayfinder 的插件（？） - nav 使用 javascript，但也许只用 CSS 创建会更好？

【问题讨论】：

条件 cmets 看起来有点……嗯……丑。

【参考方案1】：

假设您将鼠标悬停在“夏令营”上，并且您将鼠标缓慢地移向子菜单，似乎一旦您退出“夏令营”蓝色背景，子菜单就会消失。

这告诉我子菜单没有与主菜单完全对齐...一定有一个小间隙，当您将鼠标悬停在它上面时，您会丢失子菜单。确保对齐准确。

【讨论】：

轰隆隆！做到了。我只调整了几个像素的顶部值，现在全是肉汁。好打电话的人。谢谢！！

【参考方案2】：

这是你在 dropline.css 中的菜单链接定义。您已将链接高度设置为 37px，但您的 #navbar 高度为 39px。这造成了 Hristo 所说的差距。你可以像这样修复它：

.menu ul padding:0; margin:0; list-style-type: none;
.menu ul li float:left;
.menu ul li a, .menu ul li a:visited 
     display:block;
     float:left;
     text-decoration:none;
     height:39px;
     line-height:39px;

这会使您的菜单的背景图像稍微错位，但您应该能够调整其大小和/或位置以进行修复。