z-index不能在Wordpress主題中用於下拉菜單

我正在爲Buddypress默認主題開發子主題。我已經定製了很多導航欄的外觀，現在我試圖讓下拉菜單起作用。他們在默認主題中工作正常。在默認主題中，類將被添加到導航欄中列出的項目中，該項目被懸停在.sfhover上，並且此div類具有CSS'position：relative; z-index：1000'。下拉菜單應該保留在頂部的#container div具有CSS'位置：相對'且沒有z-index集。推測這意味着z-index是默認值0.最後，包含導航欄的#header div具有CSS'position：relative; z-index：1000'。z-index不能在Wordpress主題中用於下拉菜單

我已經檢查過，在我的孩子主題中，所有的CSS對於這三個div都是一樣的，的確如此，但下拉菜單並沒有顯示在#container div上方，但是被切斷#container div開始。

如果您訪問this page，則可以看到我的意思，並將鼠標懸停在導航欄中的「鏈接」項上。您將需要以下憑據看到的網頁，因爲它是密碼保護：

用戶名：guest 密碼：計算器

也許有人可以發現爲什麼與我的孩子的主題預計這是不工作？

感謝，

尼克

來源

2012-06-23 Nick

您的Z指數沒有錯。您的#header設置爲overflow: hidden，這意味着您的導航子菜單中不會包含任何內容。刪除這個，你會很好。

來源

2012-06-23 10:44:04 frontendzzzguy

謝謝。我沒想到overflow：隱藏在子菜單中，因爲它們在#header div中，但刪除它確實解決了這個問題。 – Nick

問題是<div id="header">塊具有財產overflow: hidden和它隱藏的一切，出來的尺寸。你必須刪除它，如果你使用它清晰的浮游物，嘗試另一種方法：樣板清晰度或只需添加 <div id="header">

來源

2012-06-23 10:43:22 yarm

z-index不能在Wordpress主題中用於下拉菜單

回答

相關問題