我对css相对较新,但是在尝试容纳所有浏览器方面存在问题,在这种情况下,IE并不奇怪。
以下是我在JSfiddle上重新创建的问题:http://jsfiddle.net/AgdGs/3/
在IE浏览器中,主要问题是导航栏没有保持样式并且会移动到徽标下方。
我认为这是一个相对简单的修复,我只是无法在任何地方找到答案。
提前感谢您的帮助,如果您需要更多信息,请与我们联系。
答案 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
元素。