CSS下拉菜单不保持可见答案

【问题标题】：css dropdown menu doesn't stay visibleCSS下拉菜单不保持可见
【发布时间】：2013-01-15 06:02:50
【问题描述】：

CSS 下拉菜单不会在 mouseover 上保留 visible。我尝试搜索答案，但到目前为止没有代码有效。这是网址：http://delawaresign.com.previewc40.carrierzone.com/about.html

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

我想不通！为什么它只适用于一个而不适用于另一个？？

它“显示”visible，但不“停留”visible。

【问题讨论】：

【解决方案1】：

问题是菜单项和下拉列表之间有一个空格。把下拉菜单换成其他颜色就可以看到空格了。

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

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

【讨论】：