响应式导航栏问题

Question

我的网站上的响应式导航栏出现此问题。出于某种原因，我的一些菜单项只是落在页面上的元素后面而不是浮在它们上面，但对于我的生活，我无法理解为什么！

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

我想知道是否有人可以请我指出正确的方向，因为我感到困惑！

下面的图片展示了网站媒体查询启动时的问题......

非常感谢所有答案！

Answer 1

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

即可

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

Answer 2

然而，就像undefinedtoken所说的那样，我只想添加相对于主要ID的位置，即#cssmenu。所以只是：#cssmenu {position：relative;的z-index：20; }

您应该阅读css z-index，因为这可以帮助您控制页面中具有视图层次结构的内容。在这种情况下，您希望#cssmenu具有较高的层次结构，因此您可以为其指定z-index（我只是随机选择20，但您可以选择任何您想要的数字）。

例如，

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

在这种情况下，标题。标题将始终高于标题，因为它具有更高（意味着更重要）的z-index。 （另外，您需要为每个项目设置一个位置，以便z-index工作）。