其他div下面的CSS菜单

Question

在IE7和IE8中，我的菜单显示在其下方的幻灯片div下方（当您将鼠标悬停在其中一个菜单选项上时）

http://www.christmastreesandlights.co.uk

在Chrome，FF和IE9中按预期工作。

有人帮助我吗？

谢谢！

Answer 1

此问题与z-index有关，但与悬停状态div的z-index无关;但是使用父div的z-index。

这只适用于Internet Explorer。要使其正常工作，您需要声明父级的z-index。

您可以在这篇优秀的文章中查看有关此问题的更多信息：http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html

Answer 2

使用z-index。将更高的z-index应用于菜单容器，而不是相同深度的其他div。

Answer 3

您可以尝试使用z-index: 999;