在所有浏览器中,我的导航显示都很好,例如 chrome、firefox、opera、safari。
但由于某种原因,ie 拒绝正确显示,更令人沮丧的是它实际上是 1px。
这通常不会打扰我,但它在一个很明显的地方:
IE:
其他所有浏览器:
我使用的代码看起来不错,但这里是:
nav {
font-family: "Myriad Pro", Arial, sans-serif;
width: 280px;
height: 40px;
float: right;
font-size: 14px;
list-style: none;
clear: both;
position: relative;
top: 11px;
}
nav ul {
float: right;
margin: 0;
height: 40px;
width:240px
}
nav li {
display: inline;
}
nav li a {
color: #3BB9FF;
border-bottom: none;
padding: 12px 10px 11px 10px;
margin-left: -3px;
}
nav li a:hover{
color: #3BB9FF;
background-color: rgba(0, 0, 0, 0.3);
}
/********
Shows which page is selected
*/
nav li.selected {
display: inline;
}
nav li a.selected {
color: #3BB9FF;
background-color: rgba(200, 200, 200, 0.3);
border-top: 3px solid #fff;
}
我也在使用来自谷歌树干的 ie html5 shim。
这个问题有什么简单的解决方法吗?我知道这没什么大不了的,只是令人沮丧。