0
希望这里有人可以帮助我。我创建了一个下拉式导航菜单,除非您将鼠标悬停在列表中的第二个项目上,否则它不会停留在&之上,菜单会再次关闭。这里的CSS:导航菜单不会停留在悬停
******************************************************
*Design the main ul
******************************************************
*/
#ajonav ul {
background-color: #a01013;
padding: 0 0px;
list-style: none;/*To remove the bullets*/
position: relative;
display: inline-block;
}
/*
************************************
*Design the main ul li
************************************
*/
#ajonav ul li {
float: left;
border-right: 1px solid #a01013;
}
#ajonav ul li:hover {
background-color: #a01013;
}
#ajonav ul li:nth-child(5){border-right:none; }
#ajonav ul li:hover a {
color: #efb009;
}
#ajonav ul li a {
color: #E4E4E4;
text-decoration: none;
padding: 10px 10px;
display: block;
font-family: sans-serif,serif;
}
/*
************************************
*(Dropdown) Design the sub ul li
************************************
*/
/*
******************************************************
*Hide the submenu ul at start
******************************************************
*/
#ajonav ul ul{visibility:hidden;display: none;}
/*
******************************************************
*Show the submenu when li gets hover
******************************************************
*/
#ajonav ul li:hover > ul {
visibility:visible;display: block;}
#ajonav ul ul {
position: absolute;
background-color: #a01013;
padding: 0px;
}
#ajonav ul ul li {
position: relative;
float: none;
border-top: 1px solid #727272;
}
#ajonav ul ul li a {
padding: 15px 20px;
color: #fff;
}
#ajonav ul ul li a:hover {
color: #ffffff;
background-color: #a01013;
}
如果任何人都可以帮助我;我会很感激。
你可以提供菜单的HTML吗? – pmahomme 2014-11-06 18:01:33
嗨迈克S,我想你应该做一个证明这个问题的jsfiddle。我看不出为什么你的CSS应该引起这个特定的问题。 – mtl 2014-11-06 19:32:52