WordPress的菜單下降隱藏在div

我創建了一個Wordpress站點http://www.bassetandbeagle.org/adoptionapplication/的表格，並在CSS代碼中我把div位置：絕對，以便表格可以在移動設備上縮放。WordPress的菜單下降隱藏在div

#formContainer { 
min-width: 950px; 
max-width: 950px; 
padding: 10px; 
position: absolute; 
z-index: -1; }

現在窗體上方的下拉菜單隱藏在窗體後面。

我試圖設置一個更高的z-index的菜單：

.nav-menu{ 
position: relative; 
z-index: 1; }

但是，這並沒有明顯的影響。我試過1,100,1000 ... nada

我可以通過將.nav-menu更改爲position：absolute來使下拉菜單再次顯示。不幸的是，這搞砸了菜單在頁面上的位置。

我很確定我在z-index屬性的正確軌道上，根據我已閱讀的其他帖子。那麼，我在這裏做錯了什麼？

THX

2013-03-23 Shawrich

當你寫的，也有一些是絕對的位置，因爲如果你刪除它，導航頂部得到。我試圖改變一些Z-索引，但仍然不知道如何。將看看更多:) – Dymond 2013-03-23 13:10:03

@shawrich請看看我的答案，並讓我知道如果有任何問題。 – w3uiguru 2013-03-23 13:48:47

這是你的問題的解決方案 -

CSS：

的style.css線：1431

.site { 
    margin: 0 auto; 
    max-width: 68.5714rem; 
    /*overflow: hidden;*/ /* remove this css rule and you will see the dropdown menu*/ 
}

注：檢查你的網站，在您.site類正在應用並根據需要在css中進行更改。

屏幕截圖：

enter image description here

2013-03-23 13:47:29 w3uiguru

是的，就是這樣。太多了！ – Shawrich 2013-03-23 14:02:20

酷我很高興能幫助你歡呼:-) – w3uiguru 2013-03-23 14:03:28

只是爲了讓我的生活更輕鬆主題更新時，我添加.site {overflow：visible; }我的孩子主題的CSS文件。 – Shawrich 2013-03-23 14:09:51

從#formContainer刪除position: absolute。

2013-03-23 13:34:49 CrazyFellow

回答