我对 css 比较陌生,但是在尝试适应所有浏览器时遇到了问题,在这种情况下,IE 并不奇怪。
这是我在 JSfiddle 上重新创建的问题:http: //jsfiddle.net/AgdGs/3/
在 IE 中,主要问题是导航栏不会保持样式并且会移动到徽标下方。
我认为这是一个相对简单的解决方法,我只是无法在任何地方找到答案。
提前感谢您的帮助,如果您需要更多信息,请告诉我。
我对 css 比较陌生,但是在尝试适应所有浏览器时遇到了问题,在这种情况下,IE 并不奇怪。
这是我在 JSfiddle 上重新创建的问题:http: //jsfiddle.net/AgdGs/3/
在 IE 中,主要问题是导航栏不会保持样式并且会移动到徽标下方。
我认为这是一个相对简单的解决方法,我只是无法在任何地方找到答案。
提前感谢您的帮助,如果您需要更多信息,请告诉我。
低于 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/
<nav>
是HTML5 element
,并且仅在 IE 9 以下的最新浏览器中不受支持,而不是较旧的浏览器
正如您在 IE 开发人员工具中看到的(我已经在 IE8 中对此进行了测试,您没有提及您在哪个版本中进行了测试),UL
被移到了nav
元素之外。