0

此 CSS 中的哪些内容在 IE8 和 IE7 中不起作用？ 

nav {
position: fixed;
top:60px;
left:30px;
color:black;
float:left;
}
nav div#button {
    width:205px;
    height:50px;
    text-align: center;
    padding-top:  5px;
    margin-bottom:10px; 
    font-size: 23px;
}
nav a {
    color: #000000;
    text-decoration: none;
}
nav div#button:active  {
    width:250px;
    height:65px;
}
nav div#button.home {
    background-color: #79b22c;
}
nav div#button.links {
    background-color: #3b50cc;
}
nav div#button.aanbod {
    background-color: #BA3BCC;
}
nav div#button.forum {
    background-color: #1CAEB2;
}
nav div#button.contact {
    background-color: #daa520;
}

它在 IE9 和 IE10 中运行良好。但 IE8 和 IE7 显示无样式文本。我已经用浏览器堆栈进行了测试。请问谁能帮帮我？

4

4 回答 4

2

<nav>以及其他 HTML5 元素是在 IE 7 和 IE 8 发布之后定义的，因此浏览器不知道如何处理它们。

但是，可以指示他们处理它们。而且，html5shiv可以帮助解决这个问题：

<head>在任何样式表之后的条件注释中包括顶部的 HTML5 shiv 。

<!--[if lt IE 9]>
    <script src="html5shiv.js"></script>
<![endif]-->
于 2013-07-11T09:18:33.823 回答
0

删除颜色，只使用背景

于 2013-07-11T09:03:55.800 回答
0

尝试使用：

<!DOCTYPE html>

你也不需要：

div#menu你需要#menu

在代码的顶部

于 2013-07-11T08:56:18.353 回答
0

位置：固定在ie7中不起作用。在 css 和绝对位置中使用应该使用 expression()。

于 2013-07-11T09:31:05.637 回答