我是HTML5和CSS3的大人物。我创建了主页,但它在IE浏览器上不起作用。我的nav
标签在IE中不起作用。和样式表也不起作用。请有人帮助我。
这是我的 CSS
/*-----------------------
Navigation
-------------------------*/
nav ul{
margin:0;
padding:0;
float:right;
}
nav ul li{
list-style:none;
float:left;
}
header nav ul li a{
display:block;
color:#FFF;
text-decoration:none;
font-weight:bold;
padding:20px;
}
header nav ul li a:hover{
background:#67A6B8;
}
header nav ul li a:active{
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert;
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert;
box-shadow:0 0 5px rgba(0, 0, 0, 0)insert;
}
这是我的网页
<nav>
<ul>
<li><a href="">NEWS</a></li>
<li><a href="">SERVICE</a></li>
<li><a href="">COMPANY</a></li>
<li><a href="">RECRUITE</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</nav>
HTML5
相对较新。
浏览器不会将任何默认样式应用于新元素,例如您的<nav>
。
所以 - 正如你 - 几乎所有人都为他们声明了一些样式(CSS
(,至少他们应该强制换行:
section, article, header, footer, nav, aside, hgroup {
display: block;
}
对于大多数浏览器来说,这已经足够了。
Internet Explorer 版本 6、7 和 8 对这些新元素有特殊需求。他们坚决拒绝识别新元素,除非首先使用JavaScript
创建每个元素的示例,如下所示:
document.createElement('nav');
因此,您必须为这些新元素编写一个JavaScript
文件,并将其包含在页面<head>
的条件注释中,并在任何stylesheets
之后,如下所示:
<!--[if lt IE 9]>
<script src="My_sript.js"></script>
<![endif]-->
或者您可以使用更高级的解决方案,例如HTML5 Shiv。