CSS转换z-index问题

Question

打开导航下拉列表时，右侧边栏侧边栏中的转换字体：＆＃34; UNSERE HEIMSPIELE 2014＆＃34;，...等等kassel-titans.de显示在导航下拉列表中。

为什么？

Answer 1

在我看来，通过声明顶部：.GDtitans的16px，你给了该元素一个位置。 #megaMenu具有position：relative，但是没有设置z-index。由于.GDtitan元素出现在文档的后面，因此它们与#megaMenu重叠。

尝试向两者添加z-index，例如：

#megaMenu {
  z-index: 20;
}
.GDtitan {
  z-index: 10;
}

现在#megaMenu将拥有更高的z-index，并将与其他所有内容重叠。

Answer 2

通过删除下方（或使用所需的值）

-webkit-backface-visibility：hidden;

从您的GDtitans课程中，它将解决您的问题。

您可以在此处找到更多解释：http://css-tricks.com/almanac/properties/b/backface-visibility/

Answer 3

你应该对你的导航div上的z-index不仅仅是ul

div#navigation{
   position: relative;
   z-index: 1;
}

应该可以正常工作