重疊的子菜單UL裏的

我的問題是相當簡單的解釋，但我就是無法找到使用Firebug等答案....重疊的子菜單UL裏的

爲什麼我的子菜單項重疊？將鼠標懸停在「Aktuelles」上，您可以看到透明子菜單項重疊，從而創建出醜陋的白色條。 ul li元素沒有減號邊界，所以他們爲什麼要這樣做？

謝謝！

2013-04-20 j00ls

這是因爲你給.main-navigation li固定的高度。 style.css中的946行。刪除高度。此外，.main-navigation li ul li a上的箱形陰影可能會導致一些醜陋的設計。你最好應用.main-navigation li ul上的陰影。

2013-04-20 16:39:24

啊是的，和固定的高度是從變化的高度來自黎的衝突 - 感謝噸！ – j00ls 2013-04-20 16:48:11

@ j00ls沒問題。 – 2013-04-20 18:45:05

你有這樣的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-20 16:39:52 navand

我實際上使用了像這樣的rgb背景色： \t background-color：rgba（255,255,255，.8）; 不透明度幾乎相同 - 但由於圖層重疊會導致白色條紋。我不明白爲什麼圖層重疊...透明度不是問題。 – j00ls 2013-04-20 16:42:49

，因爲您在'.main-navigation li ul li a：hover'類中設置了'background：＃e3e3e3;'，您應該省略它 – navand 2013-04-20 16:51:18

一個<a>的line-height高於它的父<li>。

設置line-height在下面的類相同的值：

.main-navigation li ul li a 
.main-navigation li

2013-04-20 16:40:27

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

也可以嘗試這個代碼

.sub-menu li { 
    margin: 0; 
}

因爲.main-navigation li風格影響該菜單中的所有li，因此此margin: 0 2.857142857rem 0 0正在使.sub-menu li擁有一個醜陋margin-right

2013-04-20 16:56:52

回答