菜单消失了

Question

有些人可以告诉我，为什么我的菜单在我打开时会消失＆＃34;案例研究＆＃34;当我把鼠标放在上面时。

我在transform：translate（）属性中识别问题，但不知道如何修复它。

http://dinamickadevelopment.github.io/Nousles/index.html

非常感谢。

Answer 1

除去

 #header {
 z-index: 55;
}

来自index.css第33行

当您选择案例研究

时，这将返回您的菜单

Answer 2

DCdaz是正确的。我已经在chrome，safari，firefox中检查了它。 Firefox显示它很好（尽管你的：在右上角悬停并不适用于Firefox）。删除z-index: 55会修复Chrome和Safari中的错误，并且不会对firefox中的页面产生负面影响。

您在此网站上使用了大量z-indexing。我意识到其中很多都是来自bootstrap等，但您可能想要考虑一种不同的处理方式。 Chris Coyier介绍了一个有趣的idea取自视频游戏开发。然而，它使用预处理器用于css，所以它＆＃39;可能不适合你。他确实讨论了另一种可行的方法，但由于个人原因，他并不喜欢它们。

无论如何，长话短说，从index.css第33行删除z-index: 55似乎解决了这个问题。你的网站看起来很好，我怀疑你不知道大部分内容，但是你说你试过删除它，所以这里有一些想法为什么可能没有修复它：

你是如何摆脱z-index:55的？您是否从文件中删除了它并重新上传？如果您这样做，请确保在检查问题是否消失之前清除缓存。 Chrome和Safari已经内置了实现此目的的方法。我不知道Firefox中的快速方法，但有ways。 CSS特别容易成为它的牺牲品。

如果您没有从文件中删除它（我不认为您这样做，因为我在检查您的代码时仍然会看到它），那么您可能已经使用开发人员工具将其删除了直接在您的浏览器中。所有主流浏览器（我知道）都有此选项。这是我检查它的方式，它对我有用（可能是DCdaz），所以我不知道为什么它不适合你。

如果您没有使用上述任何一种方法，那么您可能已在本地编辑和运行代码。我不知道它为什么不在本地工作，但这是我能想到的最后一件事。

如果你没有使用上述任何一种方法，我很乐意听你如何去除它。我一直都在努力学习为猫皮涂抹的新方法。

修改

我甚至没有考虑过您可能只是将z-index值更改为其他值。我尝试更改它，z-index: auto，z-index: inherit和z-index: initial似乎都运行正常，但任何数字值（甚至是负值）都允许错误保持不变。因此，要么删除它，要么将其更改为auto，inherit或initial。