css - CSS 下拉菜单在 IE7 的 DIV 中不可见

Question

这是显示问题的链接：http ://www.ukrainetraveling.com 。

CSS 下拉子菜单不可见。我在所有的 div 中都将 z-index 设置为“1”，将“200”用于有菜单的 div，但没有结果。在 chrome 中，它按预期工作。

你能帮我解决这个问题吗？

score 1 · Accepted Answer

众所周知，IE7 在使用position和时会出现堆叠元素的问题z-index。你需要做的就是一步步告诉浏览器他应该做什么。

试试这个：

// menu
ul.pureCssMenu {
  position: relative;
}

如果还不够，您可以：

// parent of .pureCssMenu
div {
  position: relative;
}

注意： 您的菜单在 IE8 或 IE9 上也不起作用。

已编辑

请注意，您的文档不包含DOCTYPE，请参阅此链接以设置适当的文档类型。

这是一个重要的因素，因为任何浏览器都需要知道你是如何编写代码的，而 DOCTYPE 就是这样做的，它告诉浏览器“我是这样写的，所以请使用这组特定的规则来告诉我”。

与 IE6、7、8、9 等相关......它进入了他们所谓的“兼容模式”，这与使用 IE5 标准（已过时）相同。有关更多信息，请参阅此链接。