当鼠标离开<li>时,CSS下拉菜单消失

Question

我有问题,我不能保持我的子菜单可见.当我将鼠标悬停在<li>它显示的父项上时,然后当我向下移动以选择其中一个子菜单项时它会消失.一旦焦点从父母那里消失,就会发生这种情况<li>

我无法在任何地方找到解决方案.

请有人请检查一下吗？

http://www.mymediaventure.com/about.php.它位于"定价"选项卡下.这太令人沮丧了.我看到的其他例子看起来似乎有效,我无法发现任何明显的差异会暗示为什么他们的工作而我的工作没有.

提前致谢.

Answer 1

问题在于styles.css你的#main_content h1标题元素与你的标题重叠有关div#primary_navigation.您可以通过在导航元素上设置更高的z-index来修复它,就像我在下面的示例中所做的那样.

#wrapper #top #right div#primary_navigation
{
    position : relative;
    z-index: 2;
    font-size : 11pt;
    margin-top : 72px;

}

而在CSS中更进一步:

#main_content h1
{
    position : relative;
    z-index: 1;
    top : -20px;
    font-weight : normal;
}

如果您想直观地看到问题,请为您添加背景颜色#main_content h1,您会发现它几乎完全覆盖了标签.因此,当您将鼠标悬停在"定价"选项卡的顶部时,可以触发下拉菜单,但是当您向下移动到子项目时,鼠标会覆盖标题,菜单将消失.