IE支持我的网络



我是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。

最新更新