用于导航菜单的Internet Explorer内联列表

Question

我遇到了让Internet Explorer正确显示菜单栏的问题。菜单项应该在整个页面的内联列表中，但它们保留在带有项目符号点的页面下方的列表中。

Please see this fiddle for inspection

我一直在IE7中查看，但据我所知，问题仍然存在于IE9中。谢谢你的帮助。

Answer 1

要使其与IE8 / IE9一起使用，您将需要IE html5 Shiv（只需使用Javascript创建元素）。 但一定要在你的CSS中使它们display:block;！
您也可以让Google shiv为您托管：Google IE html5 Shiv了解有关使用IE Shiv的更多信息：HERE

但您也可以使用它你自己是这样的：
的 Your Fiddle HERE

<style type="text/css">
nav{
display:block;
}
</style>

<script type="text/javascript">
document.createElement("nav");
</script>

Answer 2

您正在使用<nav> HTML5元素。 IE 8及更低版不样式未知/不支持的元素。