Question

这个CSS中的内容在IE8＆amp; 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和IE中工作正常IE10。但IE8＆amp; IE7显示无样式文本。我已经使用browserstack进行了测试。谁可以帮助我？

Answer 1

IE 7和IE 8发布后，

<nav>和其他HTML5元素被定义，因此浏览器不知道如何处理它们。

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

在任何样式表后，在条件注释中将HTML5 shiv放在<head>的顶部。

Answer 2

尝试使用：

<!DOCTYPE html>

你也不需要：

div#menu您需要#menu

代码顶部

Answer 3

删除颜色，只使用背景

Answer 4

位置：固定不在ie7中工作。使用时应在css和position绝对位置使用表达式（）。

为什么我的CSS不能在IE 8和IE 7中运行？

4 个答案: