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

以下是显示问题的链接：

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

---

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

IE7在使用

position

和

z-index

时存在堆叠元素的问题。你需要做的是一步一步地告诉浏览器他应该做什么

试试这个：

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

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

如果不够，您可以：

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

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

---

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

---

编辑 请注意，您的文档不包含，请参阅以设置适当的文档类型

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

---

与IE6、7、8、9等有关。。。它进入了他们所谓的“兼容性模式”，这与使用IE5标准（过时的方式）相同。有关详细信息，请参阅。

@JeremyHolovcs很有帮助。我正在使用Chrome，但它仍然不可见。@jaredhoyt:这是一条评论，是真的。为IE7开发意味着忽视过去10年的互联网标准。@JeremyHolovas:你说得对。直到你引起我们的注意，我才意识到IE7很烂。感谢您的宝贵意见。@JeremyHolovics IE8于2009年发布。。。在进行实际的客户工作时，IE7支持成为一项不幸但必要的任务。感谢回复。我知道它在IE8和IE9中不起作用。我试过你的建议。ul.purecssmenu中的“relative”-在Chrome中消除了生成，但在IE7中没有结果。div中的“亲戚”并没有给出结果，无论是单独还是第一次建议。我留下了这两个修改，让任何人都能看到效果。好吧，我会摆弄一下你当前的代码，看看“真正”的问题是什么！