响应式导航栏问题

debugcn 发表于 Dev

哈卡特

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

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

我想知道有人在我感到困惑时是否可以将我指向正确的方向！

下图显示了该网站的媒体查询启动时我的问题...

我的问题就在这里

非常感谢您提供所有答案！

爱德华多·拉霍兹·米兰达（Eduardo La Hoz Miranda）

但是，就像undefinedtoken所说的那样，我只添加相对于主要ID #cssmenu的位置。因此，只需：#cssmenu {位置：相对；z-index：20; }

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

例如，

标头{位置：相对；z-index：1; }标头.title {位置：相对；z-index：2; }

在这种情况下，标题为。标题将始终位于标头上方，因为它具有较高（意味着更重要）的z-index。（同样，您需要为每个项目设置一个位置，以使z-index起作用）。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-8

我来说两句

0条评论

登录后参与评论

来自分类Dev