我正在定制wordpress Twentyeleven主题。这是参考的link。在这里,您可以看到当您将鼠标悬停在菜单上时,它将显示下拉列表。但是你可以看到父菜单(公司)和子菜单之间存在差距。那么如何清除呢?任何帮助和建议都会非常值得赞赏。
答案 0 :(得分:0)
这是因为您在下拉列表中有4px的保证金。
您需要更改margin: 4px;
上的#access a {
,<a>
会在margin: 4px 4px 0 4px;
标记周围设置保证金,包括在其下方。将其更改为{{1}},将边距放在除底部
更新了演示here
答案 1 :(得分:0)
更改一些css:
#access li:hover > a,
#access a:focus {
background: #FFF; /* Show a solid color for older browsers */
color: #373737;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
margin-bottom: -4px;
padding-bottom: 9px;
}
必须添加保证金 -
其他答案会更改原始布局。
更新:填充底部添加。当我们上升4时它是9px,我们需要在#access a
答案 2 :(得分:-1)
只需更改以下CSS声明:
#access ul ul {
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 33px;
left: 4px;
width: 193px;
z-index: 99999;
padding: 14px 0 5px 0;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
致:
#access ul ul {
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 41px;
left: 4px;
width: 193px;
z-index: 99999;
padding: 0 0 5px 0;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
background-color: #FFF;
}
请注意padding
和top
属性的更改以及background-color
的添加。