Question

我正在使用菜单小部件Menus +用于Wordpress网站可以使用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; }

Answer 1

尝试向top选择器提供left和#navmenu li:hover ul, #navmenu li.hover ul值。

#navmenu li:hover ul, #navmenu li.hover ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

它可能有效，但列表将全部放在同一个地方。相应地更改top和left。

Wordpress菜单小工具CSS

1 个答案: