Question

我知道这个问题已被问过很多次，但我正在研究一个Wordpress主题，我的子菜单确切地说明了我想要它们的样子。但是，它们在悬停时消失。我已经将我所有的保证金上限设置为零，如之前在Stack上所述，但他们仍然无法正常工作。

此顶部导航的CSS如下：

.top-nav {
background-color: #444;
min-height: 40px;
}

.top-nav ul {
margin-bottom: 0;
}

.top-nav li {
margin: 0 20px 0 0;
padding: 0;
float: left;
display: inline-block;
position: relative;
}

.top-nav li a {
color: #aaa;
font-size: 12px;
line-height: 40px;
}

.top-nav li a:hover, .top-nav li.current-menu-item a {
color: #fff; 
background-color: #444;
}

.top-nav ul li ul.sub-menu {
display: none; 
margin-top:0px;}

.top-nav ul li:hover > .sub-menu { 
display: block; 
position: absolute; 
height: 0px; 
margin-top:-5px; 
overflow: visible; 
margin-left:0px;}

.top-nav li.menu-item ul li { 
display: block; 
position:relative; 
width: 100%; 
float: left; 
margin:0px; 
padding:5px 0 5px 10px; 
background-color:#444!important;
border-bottom: 1px solid #faf3bf;}

.top-nav ul li.menu-item ul li a {
width: inherit; 
padding: 0;}

非常感谢任何帮助。

Answer 1

不得不补充：

z-index：1;到.top-nav li.menu-item ul li

标题的H3覆盖了下拉列表。

下拉菜单以零保证金消失

1 个答案: