我试图建立与下拉菜单一个CSS菜单,是这样的:CSS下拉菜单的问题
MENU1 MENU2 MENU3 项目1项目1项目1 项目2项目2项目2 项目3项目3 项目4
的菜单栏是UL有更多的锂和UL UL菜单下拉菜单。我写了CSS,菜单悬停时发生下拉菜单,但只要我尝试浏览下拉菜单,菜单就会消失。很明显,因为我在菜单悬停上设置了CSS悬停属性。我试图只使用CSS。你能指导我该怎么做,以保持菜单下拉菜单可见,而我通过下拉项目?
这里是我的CSS:
#menuNav{width:100%; position:relative; height:28px; list-style:none;}
#menuNav li{float:left; position:relative;} //MENU1, MENU2, MENU3
#menuNav li ul{position:absolute; visibility:hidden; width:100px;} //Each Dropdown is a UL
#menuNav a{display:block;}
#menuNav li:hover ul, #menuNav a:hover ul{visibility:visible;} //Show dropdown on MENU hover
没关系。我的代码有效。它正在隐藏Div的后面,因此在我试图浏览列表时自动关闭。随意使用上面的代码。 – Blueboye 2012-04-25 20:11:24