Html 下拉菜单在ie7或ie8中未正确显示

我目前正在做一个项目，我对下拉菜单以及它在ie7和ie8中的显示方式有问题

您可以在此处查看：

以下是我正在使用的css：

 nav {  width:1026px;
height: 50px;
background-image:url(../img/nav.png);
padding:0 0px 0 0px;
text-align:center;
margin-bottom:30px;

}

}

}

}

}

}

}

---

我对此不知所措，任何帮助都将不胜感激，谢谢。

我认为IE中不支持HTML 5元素，如果你将一个ID为nav的DIV放在上面，并将所有CSS放在上面，它就会工作。

---

如果你想使用HTML5，那么有一些javascript黑客可以帮助你：）

你的问题比这简单得多，即出于某种原因，你不接受菜单导航项的

显示：内联块

声明。尽管您可以通过使用html5样板提供的

.oldie

类，并将其设置为

float:left

来在IE中定位

nav

菜单，从而解决此问题，但请在CSS中尝试以下操作：

.oldie nav li {
  float:left;
  z-index:9999;
}

顺便说一句，您还需要为nav元素声明一个

z-index

值，以便它们显示在所有其他元素之上，请尝试以下操作：

nav ul li {
    z-index: 999;
}

---

另一方面，你的下拉列表显示在左边的链接和Opera中椅子升降机的图片后面。谢谢，修复了它。多年来我一直在想办法。我还注意到我可以通过使用star-infront来实现这一点，我不知道这是否是一种好的实现方式，例如：nav ul li{*float:left；}@SuziLarsen star hack将只针对IE的某些版本，我相信，当你有一个通用类来针对较旧的浏览器时，它真的不需要，因此，我建议将这种方法用于无黑客攻击的样式表。此外，如果答案满足您的问题，请勾选绿色复选标记，以便于分类和搜索未来的海报，将其标记为正确。非常感谢，我正在使用您所说的通用类，它工作得非常好。我已将您的答案标记为正确，我是该网站的新手，因此目前仍有点生疏。：）

nav ul li div.sub a{
background-image:none;

nav li a {
padding:13px 20px 11px 20px;
display:inline-block;
margin-top:-10px;
background-image:url(../img/nav-divider.png);
background-position:top right;
background-repeat:no-repeat;
font-family:champ, myriad, Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
margin-right:-4px;

nav li a:hover {border: 0;
background-image:url(../img/hover.png);

nav li.current a {
color:#47cacd;

.oldie nav li {
  float:left;
  z-index:9999;
}

nav ul li {
    z-index: 999;
}