这是我的CSS

Question

我是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;
}

这是我的HTML页面

<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>

Answer 1

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]-->

或者您可以使用更高级的解决方案，例如The HTML5 Shiv。

IE dosnt支持我的网站

这是我的CSS

这是我的HTML页面

1 个答案: