2014-03-28 63 views
0

我在html/css的當前菜單中添加了一個下拉菜單。如何使下拉菜單出現在另一個div的頂部

但問題是,下拉部分保持bahind的內容。

我該如何解決這個問題,其他的使絕對位置和輸入我自己的措施?

謝謝

+1

那你試試??? – Hiral

+0

你給了更高的'z-index'值下拉菜單嗎? –

+0

告訴我們一些代碼,你可能會錯過使用浮動屬性或位置或很多東西 – AMS

回答

0

嘗試設置您的下拉容器的z-index比內容更多。

<div style="z-index:1;"> 
Content div 
</div> 
<div style="z-index:2"> 
your dropdown content 
</div> 

只需設置您的CSS和HTML,因爲您需要,無論您的問題是什麼,將用z-index屬性解決。

+0

只有當您提供給他們一個工作演示時,這將被接受爲答案..否則使用評論secion。 –

2

您可以將dropdown菜單的z-index設定爲較高的值

例如:

#menu { 
    z-index: 1; 
} 

#dopdown { 
    z-index: 2; 
} 

UPDATE:

您可能要設置其他元素的z-index菜單到1

+0

你確定只給這個'z-index'值嗎?首先檢查它。 –

+0

@KheemaPandey是的,它會工作。 – Explisam

相關問題