0

我的问题很简单解释，但我只是找不到使用萤火虫等的答案......

为什么我的子菜单项重叠？将鼠标悬停在“Aktuelles”上，您可以看到透明的子菜单项重叠，形成难看的白条。ul li 元素没有分配给它们的负边距，那么它们为什么要这样做呢？

谢谢！

4

4 回答 4

1

这是因为你给.main-navigation li了一个固定的高度。style.css 中的第 946 行。删除高度。此外，盒子阴影.main-navigation li ul li a可能会导致一些丑陋的设计。你最好在.main-navigation li ul.

于 2013-04-20T16:39:24.643 回答
1

a的line-heighta<a>高于它的 parent <li>。

将line-height以下类中的值设置为相等的值：

.main-navigation li ul li a
.main-navigation li
于 2013-04-20T16:40:27.083 回答
0

你有这个 css 类： 

.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
}

像这样改变它： 

.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
opacity: 0.75;
}
于 2013-04-20T16:39:52.053 回答
0

@Bram Vanroy 答案是要走的路...

也试试这个代码

.sub-menu li {
    margin: 0;
}

因为.main-navigation li样式会影响li该菜单中的所有内容，所以这margin: 0 2.857142857rem 0 0使得.sub-menu li它变得丑陋margin-right

于 2013-04-20T16:56:52.587 回答