帶下邊緣的下拉菜單

我正在使用帶有邊緣的下拉菜單。問題是，當我用鼠標從裏面走下來時，它會關閉。我怎樣才能使它與邊緣頂部工作？帶下邊緣的下拉菜單

http://jsfiddle.net/wGzj8/8/

從我的真正的設計：

Drop down

我試過這個解決方案：How to use (top) margin with CSS3 drop down menu?，但我UL下來（「O fakulteti」）下移動圖像。

請幫忙。

來源

2012-06-14 ifsession

，如果你換額外<div>您的子菜單是什麼？這<div>應該有margin-top: 4px風格，而不是你有嵌套ul相同的風格：

<li> 
    <div class="header_meni_crta"></div> 
    <a class="header_glavni_a">O fakulteti</a> 
    <div style="margin-top: 4px;"> 
     <ul style="display: none;" class="dropdown_levo" style="margin-top: 0;"> 
      <li><a href="#">Vizitka</a></li> 
      <li><a href="#">Vodstvo</a></li> 
      <li><a href="#">Organi</a></li> 
      <li><a href="#">Zaposleni</a></li> 
      <li><a href="#">Organiziranost in enote</a></li> 
      <li><a href="#">Akti in pravilniki</a></li> 
     </ul> 
    </div> 
</li>

DEMO：http://jsfiddle.net/wGzj8/18/

來源

2012-06-14 23:09:37 VisioN

嗨，下拉現在正常工作，但這發生在我的設計：（http://oi45.tinypic.com/pvxmx.jpg） – ifsession

我已添加margin-top：-4px;在我的形象，所以它上升，現在它很好。所有的答案都是正確的，但我選擇這個答案是正確的，因爲它是第一個答案。謝謝你們！ – ifsession

添加下面的選擇margin-bottom代碼，

#header_glavni_meni ul li .header_glavni_a { 
    margin-bottom:10px; 
}

來源

2012-06-14 23:07:38 sachleen

嗨，同樣的事情發生像我在圖像上已經對第一個答案進行了評論。 – ifsession

嗯，看看你的圖片是否加上負邊距會將其放回原處。 – sachleen

只是使頂層列表元素高一點點讓他們重疊的區域導致此問題的餘量，您可以添加4px的底部填充以實現此目的。此更新小提琴：http://jsfiddle.net/wGzj8/22/

來源

2012-06-14 23:46:48 thebiffboff

這會幫助你：在http://jsfiddle.net/seyfollahi/qwL8P/

附加高度：#header_glavni_meni ul li .header_glavni_a {}

變化邊距中：#header_glavni_meni ul li ul {}

來源

2012-06-15 00:24:34

@Stewbob謝謝編輯，我對英語知之甚少。 –

帶下邊緣的下拉菜單

回答

相關問題