我找到的所有css导航菜单教程都使用float:left来将菜单与网页的左侧对齐,所以当我尝试使用float:right来右对齐菜单时,菜单的位置颠倒了,例如:
The original menu (left-floated):
|Food | For | Life
The menu that I wanted to right-align (right-floated):
|Life | For | Food
那么,创建导航菜单而不会导致菜单反转的正确方法是什么呢?
我工作的网站有一个导航菜单(CSS格式的无序列表),其中有一些类别的子菜单(子无序列表)。
此CSS规则隐藏子菜单无序列表:
.main-navigation ul ul {
display:none;
}
当访问者将光标悬停在顶层菜单链接上时,此CSS规则使子菜单无序列表出现:
.main-navigation ul li:hover > ul {;
display:block;
}
这是为那些(可能不存在)在浏览器中禁用了JavaScript的用户所做的。
现在我正在用jQuery来美化导航菜单,我需要做的第一件事就是禁用CSS指定的悬停行为。由于某些原因,我很难做到