Question

我在此网站http://www.leithonthefringe.com/的下拉菜单中遇到问题（将鼠标悬停在执行者信息上以查看问题）。

主菜单和下拉菜单中的第一项之间基本会出现较大差距，会影响FF / IE / Chrome。

非常感谢任何想法！

CSS如下：

#menu-main-nav {    margin: 0px; padding: 0px; }
#menu-main-nav li { float: left; list-style: none; height: 40px; font-size: 20px; }
#menu-main-nav li a { display: block; background: #333333; padding: 12px 24px 8px 24px; text-decoration: none; border-right: 1px solid #444444; color: #EAFFED; white-space: nowrap; }
#menu-main-nav li a:hover { background: #222222; }
#menu-main-nav li ul {  margin: 0px; padding: 0px; height: 40px; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: +1 }
#menu-main-nav li ul li { float: none; display: inline; }
#menu-main-nav li ul li a { width: auto; background: #750000; color: #FFFFFF; border-right: none;  }
#menu-main-nav li ul li a:hover { background: #8d0101; }

//更新

这个问题似乎是cufon渲染一个似乎不存在作为cufon文本的空白区域 - 任何关于为什么会发生这种情况的想法也会受到赞赏。

解决方案原来是在＃main-menu-nav而不是＃main-menu-nav上渲染cufon ...

Answer 1

Theres a cufon。

<cufon class="cufon cufon-canvas" alt=" " style="width: 4px; height: 20px; "><canvas width="14" height="22" style="width: 14px; height: 22px; top: -2px; left: 0px; "></canvas><cufontext> </cufontext></cufon>

Answer 2

问题是填充，特别是#menu-main-nav li a填充顶部值必须为0.

Cufon在下拉菜单中造成差距

2 个答案: