body {
background: gray;
font-family: sans-serif;
width: 960px;
margin: auto;
}
header {
background: green;
border: 10px solid black;
}
nav {
margin-top:10px;
background: #62D99C;
border-radius: 10px;
padding: 10px;
}
标题和导航背景在 IE8 中不起作用。它确实可以在 Chrome 和 FF 中运行。我应该怎么办?
谢谢!
你应该申请display:block
标题和导航元素:
header {
display: block;
background: green;
border: 10px solid black;
}
nav {
display: block;
margin-top:10px;
background: #62D99C;
border-radius: 10px;
padding: 10px;
}
看来你还需要包含以下js:
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
</script>
<![endif]-->
其原因可以在这里找到:
http://tatiyants.com/how-to-get-ie8-to-support-html5-tags-and-web-fonts/ http://tatiyants.com/how-to-get-ie8-to-support-html5-tags-and-web-fonts/
简而言之,IE8 默认情况下不支持 HTML5 元素,但是通过执行此 javascript(仅适用于IE8以下)它开始识别这些元素。大多数开发人员使用某种形式html5 shim
解决这个问题。
http://code.google.com/p/html5shim/ http://code.google.com/p/html5shim/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)