其他 div 下方的 CSS 菜单答案

【问题标题】：CSS Menu underneath other divs其他 div 下方的 CSS 菜单
【发布时间】：2011-08-17 15:06:04
【问题描述】：

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

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

有人帮帮我吗？

谢谢！

【问题讨论】：

出于某种原因，你有这个：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> - 强制 IE 进入 IE7 模式。如果没有那个愚蠢的元标记，您的菜单会在 IE8 中正常工作。虽然，它仍然在 IE7 中被破坏，所以你的问题仍然有效。
是的，我在你的 <li> 标记更改 display:inline; 到 display: block; 上是正确的，它们确实向左浮动，所以不需要内联:)
@Val：不是这样，不是很远。 float: left forces display: block。所以，display: inline 没有做任何事情，除了可能在 an IE6 bug 周围工作。
@Val：你说得对，问题是因为 IE 错误。让我们把它留在那里 :) @Wayners247：是在此处的第一条评论中发布的问题：stackoverflow.com/questions/1156192/… 我正在查看如何修复您的页面的具体细节。跨度>
嗨，您是否尝试过使用 z-index 值（菜单 z-index > 幻灯片 z-index）对其进行排序？只是不要忘记为每个元素指定位置。

标签： jquery css

【解决方案1】：

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

这是只有 Internet Explorer 才会发生的事情。为了使这项工作正常工作，您需要声明父级的 z-index。

【讨论】：

【解决方案2】：

使用 z-index。对菜单容器应用比相同深度的其他 div 更高的 z-index。

【讨论】：

【解决方案3】：

你可以试试z-index: 999;

【讨论】：