响应式导航栏问题

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; 
}