CSS菜单消失在悬停

问题描述：

在网页上我有一个子菜单。在“biler til salg”悬停时出现子菜单，但是，如果尝试单击子菜单（远离父项），则子菜单消失，因为您不再悬停它。CSS菜单消失在悬停

这是我的CSS：

.primary-navigation li { 
    border: 0; 
    display: block; 
    height: 18px; /* SOLUTION WAS TO REMOVE THIS */ 
    line-height: 29px; 
    position: relative; 
} 
.primary-navigation a { 
    display: inline-block; 
    padding: 0 12px; 
    white-space: nowrap; 
} 
.primary-navigation ul ul { 
    background-color: #dc002e; 
    float: left; 
    margin: 0; 
    position: absolute; 
    top: 24px; 
    left: -999em; 
    z-index: 99999; 
} 

.primary-navigation li li { 
    border: 0; 
    display: block; 
    height: auto; 
    line-height: 1.0909090909; 
} 

.primary-navigation ul ul ul { 
    left: -999em; 
    top: 0; 
} 

.primary-navigation ul ul a { 
    padding: 18px 12px; 
    white-space: normal; 
    width: 176px; 
} 

.primary-navigation li:hover > a, 
.primary-navigation li.focus > a { 
    color: #8f404d; 
} 

.primary-navigation ul ul a:hover, 
.primary-navigation ul ul li.focus > a { 
    background-color: #dc002e; 
} 

.primary-navigation ul li:hover > ul, 
.primary-navigation ul li:focus > ul { 
    left: auto!important; 
}

有人能看到我在做什么错？

取出母体里的高度 – anpsmn 2014-11-25 10:32:18

答

子菜单隐藏，因为菜单项和子菜单项之间存在间隙。差距是因为您正在将li元素的高度固定为height: 18px;。请移除该高度以使其正常工作。

我发现，高度在课堂上的这一部分：

media="all" 
@media screen and (min-width: 783px)

CSS菜单消失在悬停

相关推荐