EDITED

Question

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

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

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

Answer 1

使用position和z-index时，IE7在堆叠元素方面存在问题。你需要做的是逐步告诉浏览器他应该做什么。

试试这个：

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

如果还不够，您可以：

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

注意：您的菜单不适用于IE8或IE9。

EDITED

请注意，您的文档不包含DOCTYPE，请参阅this link设置适当的文档类型。

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

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

在IE7中的DIV中看不到CSS下拉菜单

1 个答案:

EDITED