下拉菜單出現在內容區域下面

Question

我在頁面上有兩個相對定位的區域，內容和標題。

內容具有比標題更高的z-index - 這是對頁面結構的要求。

我已經簡化了HTML和CSS來說明什麼，我想在這裏做的： http://cb3.securetree.com/example.html

此呈現的下拉菜單中存在的頭，因爲它們顯示的內容區域下方，即使一個問題他們的Z指數更高。

在示例頁面上，請注意下拉菜單位於內容區域下方的方式。

感謝您解決此問題的任何幫助。

Answer 1

相對定位的元素將顯示在不相對定位的東西之上。你應該避免在沒有必要的地方使用相對定位。如果您使用浮動和邊距等在頁面上移動東西，則不應該有任何z-index問題。