2

我对 css 比较陌生,但是在尝试适应所有浏览器时遇到了问题,在这种情况下,IE 并不奇怪。

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

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

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

提前感谢您的帮助,如果您需要更多信息,请告诉我。

4

3 回答 3

5

低于 9 的 IE 版本不能原生识别 HTML5 语义元素,例如<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/

于 2011-06-29T14:24:02.030 回答
1

<nav>HTML5 element,并且仅在 IE 9 以下的最新浏览器中不受支持,而不是较旧的浏览器

于 2011-06-29T14:27:17.673 回答
0

正如您在 IE 开发人员工具中看到的(我已经在 IE8 中对此进行了测试,您没有提及您在哪个版本中进行了测试),UL被移到了nav元素之外。

于 2011-06-29T14:28:30.423 回答