懸停在IE7中的下拉菜單問題

我在IE7中，我正在開發的網站中的懸停菜單有問題。它適用於兼容的瀏覽器（例如Firefox）。懸停在IE7中的下拉菜單問題

的HTML看起來像這樣：

<div id ="menu-maincontent"> 
<h2>Társas kapcsolatok</h2> 
<ul> 
<li><a href="#">Egyedül</a> | 
<ul> 
<li><a href="#">Szingli</a> | </li> 
<li><a href="#">Gyász</a> | </li> 
<li><a href="#">Egyedülálló szülő</a></li> 
</ul> 
</li> 
<li><a href="#">Párkapcsolat</a> | 
<ul> 
<li><a href="#">Párterápia</a> | </li> 
<li><a href="#">Párkapcsolat zavarai</a></li> 
</ul> 
</li> 
<li><a href="#">Család</a> | 
<ul> 
<li><a href="#">Családterápia</a></li> 
</ul> 
</li> 
<li><a href="#">Szülő-gyerek</a> 
<ul> 
<li><a href="#">Anya-gyerek kapcsolat</a> | </li> 
<li><a href="#">Apával való kapcsolat</a></li> 
</ul> 
</li> 
</ul> 
</div>

的CSS：

#menu-maincontent ul li { 
    float: left; 
    display: block; 
    margin-right: 5px; 
    font-family: 'GiacomoMedium',Arial,sans-serif; 
    font-weight: normal; 
    } 

#menu-maincontent ul li ul { 
    display: none; 
    font-size: 10pt; 
    height: 0; 
    overflow: hidden; 
    text-transform: none; 
    background-color: white; 
} 

#menu-maincontent ul li:hover > ul { 
    display: block; 
    height: 24px; 
    margin-bottom: 10px; 
    margin-top: 5px; 
    overflow-y: visible; 
    position: absolute; 
}

任何幫助嗎？對不起，如果類似的情況已經解決了別的地方，但我找不到合適的解決方案。

最好的問候，氣體

來源

2011-12-13 Gas

我在瀏覽器窗口中看不到問題。描述你想要改變/修復的是什麼。 – 2011-12-13 18:34:00

對不起，如果我不清楚。因此，右邊框頂部的菜單有一個子菜單，它顯示在懸停上，並且它在FF上工作正常，但在IE7中，菜單項顯示在同一行中，而不是在下面，就像它應該那樣。另外，底部似乎有點在IE7中裁剪掉。 – Gas 2011-12-13 20:05:00

只需添加在你的菜單中的|後面<br>，所以嵌入式UL將被迫進入新的生產線。

在IE7中適用於我。

來源

2011-12-14 00:00:58 ptriek

懸停在IE7中的下拉菜單問題

回答

相關問題