css 下拉菜单不可见

Question

CSS 下拉菜单不会在鼠标悬停 时保持可见。我尝试搜索答案，但到目前为止没有任何代码有效。这是网址:http://delawaresign.com.previewc40.carrierzone.com/about.html

但这就是关键所在。它在我用相同的翻转代码制作的另一个 URL 上运行良好! http://delawaresign.com.previewc40.carrierzone.com/index-01-14-13.html

我想不通!为什么它对一个有效，对另一个无效？？

它“显示”可见，但不会“保持”可见。

Answer 1

问题是菜单项和下拉列表之间有空格。将下拉菜单设为其他颜色，您将看到空格。

最简单的解决方案是删除放置列表的空间。尝试将 top: 2.5em 更改为 top: 1.5em in .sf-menu li:hover ul 这是 inside superfish .css 文件:

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 1.5em;
    z-index: 99;
}