css - 悬停时下拉菜单消失(博主)

Question

老实说，我不是程序员。我从教程中获得了原始代码，只是调整了颜色和字体，但是当我将鼠标悬停在主菜单项上并尝试单击子菜单时，它消失了。我从其他线程中看到这是一个常见问题，但我似乎找不到像我这样的代码以前问过的问题。

/**MBW mybloggersworld.com Navgation bar **/
#mbwnavbar {
background: #ffffff;
width: 960px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #ffffff;
height:35px;
}
#mbwnav {
margin: 0;
padding: 0;
}
#mbwnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbwnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
height:35px;
}
#mbwnav li a, #mbwnav li a:link, #mbwnav li a:visited {
color: #000000;
display: block;
font:bold 16px Coming Soon;    margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;

}
#mbwnav li a:hover, #mbwnav li a:active {
background: #ffffff;
color: #000000;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;

}
#mbwnav li {
float: left;
padding: 0;
}
#mbwnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbwnav li ul a {
width: 140px;
}
#mbwnav li ul ul {
margin: -25px 0 0 161px;
}
#mbwnav li:hover ul ul, #mbwnav li:hover ul ul ul, #mbwnav li.sfhover ul ul, #mbwnav
li.sfhover ul ul ul {
left: -999em;
}
#mbwnav li:hover ul, #mbwnav li li:hover ul, #mbwnav li li li:hover ul, #mbwnav 
li.sfhover ul, #mbwnav li li.sfhover ul, #mbwnav li li li.sfhover ul {
left: auto;
}
#mbwnav li:hover, #mbwnav li.sfhover {
position: static;
}
#mbwnav li li a, #mbwnav li li a:link, #mbwnav li li a:visited 
{
background: #ffffff;
width: 120px;
color: #000000;
display: block;
font:normal 12px Coming Soon;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:1010;
border-bottom:0px dotted #ffffff;

}
#mbwnav li li a:hover, #mbwnavli li a:active {
background: #ffffff;
color: #000000;
display: block;     margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}  

知道如何让子菜单保持足够长的时间，让没有超人速度的人可以点击子菜单吗？

谢谢你:)

Answer 1

没有看到您要测试的 html，很难猜测，但请尝试更改:

#mbwnav li:hover ul, #mbwnav li li:hover ul, #mbwnav li li li:hover ul, #mbwnav 
li.sfhover ul, #mbwnav li li.sfhover ul, #mbwnav li li li.sfhover ul {
left: auto;
}

到

#mbwnav li:hover ul, #mbwnav li li:hover ul, #mbwnav li li li:hover ul, #mbwnav 
li.sfhover ul, #mbwnav li li.sfhover ul, #mbwnav li li li.sfhover ul {
left: auto; display:block; position:relative;
}

您可能还需要一些负的上边距(例如 margin-top:-5px)，但看看这段代码是否有帮助。如果没有，请发布 html 以便我们进行测试