导航栏在IE中​​无法正确呈现

时间:2011-06-29 14:19:27

标签: css internet-explorer navbar

我对css相对较新,但是在尝试容纳所有浏览器方面存在问题,在这种情况下,IE并不奇怪。

以下是我在JSfiddle上重新创建的问题:http://jsfiddle.net/AgdGs/3/

在IE浏览器中,主要问题是导航栏没有保持样式并且会移动到徽标下方。

我认为这是一个相对简单的修复,我只是无法在任何地方找到答案。

提前感谢您的帮助,如果您需要更多信息,请与我们联系。

3 个答案:

答案 0 :(得分:5)

低于9的IE版本本身不是recognize the HTML5 semantic elements,例如<header><nav>

您需要<head>http://code.google.com/p/html5shiv/

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

您还需要将HTML5元素设置为display: block

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

此处提供全面的信息:http://paulirish.com/2011/the-history-of-the-html5-shiv/

答案 1 :(得分:1)

<nav>HTML5 element,仅在IE 9以下的最新浏览器和旧版浏览器中支持

答案 2 :(得分:0)

正如您在IE开发人员工具中看到的那样(我在IE8中对此进行了测试,您没有提及您在其中测试过的版本),UL已移出nav元素。