我正在为 Wordpress 网站使用菜单小部件 Menus+。
该小部件可以使用 CSS 进行样式化,以使其成为具有嵌套子类别的水平下拉菜单。
为了实现这一点,我将函数包装在模板中名为 #navmenu
的 div 中。然后在我的 style.css 中添加了下面的 css 代码。第一个下拉列表正在工作,但其他都没有。我忽略了什么吗?任何建议将不胜感激。
#navmenu {margin: 0;padding: 0;height: 1em; }
#navmenu li {list-style: none; float: left; }
#navmenu li a {display: block; padding: 3px 8px;background-color:#fff; color: #000; text-decoration: none; border: 1px solid #000;}
#navmenu li ul {display: none; width: 10em; /* Width to help Opera out*/ background-color: #fff;}
#navmenu li:hover ul, #navmenu li.hover ul {display: block; position:absolute; margin: 0; padding: 0; }
#navmenu li:hover li, #navmenu li.hover li {float: none; }
#navmenu li:hover li a, #navmenu li.hover li a {background-color:#fff; border: 1px solid #000; color: #000; }
#navmenu li li a:hover {background-color: #fff; }
最佳答案
尝试为 #navmenu li:hover ul, #navmenu li.hover ul
选择器提供一个 top
和一个 left
值。
#navmenu li:hover ul, #navmenu li.hover ul {
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
它可能会起作用,但是列表将全部放置在同一个位置。相应地更改 top
和 left
。
关于css - WordPress 菜单小部件 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4814415/