2

在我的网站http://forums.jordantrudgett.com/上，我的下拉菜单中的链接出现故障。我正在使用来自Dynamic Drive jQuerySlideMenu的代码。

在 Firefox 19 中，下划线显示在文本上方。

它在 Firefox 中的显示方式。

这就是它在 Chrome 27 中应该出现的样子：

在此处输入图像描述

在 Internet Explorer 10 中：

在此处输入图像描述

我检查了 Firebug 中的元素，但我不确定是什么导致了这个问题。我可以看到没有使用下划线的 CSS。

经过一番快速搜索，我发现了 2012 年在 bugzilla 中报告的这个问题，这是我在文本上方出现的下划线中发现的唯一内容。它指出vertical-align可能是造成这种情况的原因。我在滑块 CSS 中进行了更改vertical-align，但没有任何区别（top或middle。bottom）我想修复它。有什么明显的我遗漏的东西，或者发生这种情况的一些充分理由吗？

4

2 回答 2

3

vertical-align: middle;从.jqueryslidemenu .app第 54 行删除jqueryslidemenu.css，它将解决问题。

因此firebug，在这种情况下会很方便的使用

于 2013-05-30T13:01:32.183 回答
2

您正确地确定vertical-align为罪魁祸首。

悬停的项目由 jqueryslidemenu.css 中的这一行设置样式：

.jqueryslidemenu .app {
    height: 18px;
    vertical-align: middle;
}

当我在 Firebug 中删除vertical-align时，问题就消失了。因此，vertical-align从该行中删除。

如果由于某种原因您无法编辑 jqueryslidemenu.css，只需将以下内容添加到您自己的 css 文件中：

.jqueryslidemenu .app {
    vertical-align: inherit;
}
于 2013-05-30T13:02:02.460 回答