響應式導航欄問題

Question

我在我的網站上使用我的響應式導航欄時遇到了此問題。出於某種原因，我的一些菜單項只落在頁面上的元素後面，而不是浮在它們上面，但對於我的生活，我無法弄清楚爲什麼！

我的網站是www.kenttrophies.co.uk

我在想，如果有人能請點我在正確的方向，因爲我百思不得其解！

下面是一個圖像顯示我的問題時，該網站的媒體查詢踢...

非常感謝所有的答案！

Answer 1

像undefinedtoken說，不過，我想補充相對於主ID是#cssmenu位置。所以只是：#cssmenu {position：relative;的z-index：20; }

您應該閱讀css z-index，因爲這將幫助您控制頁面中具有視圖層次結構的內容。在這種情況下，您希望您的#cssmenu具有較高的層次結構，因此您可以爲其指定一個z-index（我只是隨機選擇了20，但可以選擇任意數量）。

例如，

header {position：relative;的z-index：1; } header .title {position：relative;的z-index：2; }

在這種情況下，標題。 title將始終位於標題之上，因爲它具有更高的（意義更重要的）z-index。 （另外，您需要爲每個項目設置一個位置，以便z-index起作用）。

Answer 2

只需添加position:relative您#cssmenu > ul li a

#cssmenu > ul li a{ 
    position:relative; 
}