我正在使用 Bootsrap,但颜色有问题。在 Firefox 和其他普通浏览器中,我的网站看起来不错,但是当我在 IE 中打开它时 - 按钮的颜色变成白色并且看起来很糟糕,几乎所有颜色都变得不同。我错过了什么?
[1]:http: //i.imgur.com/ZNBuR.png
[2]: http: //i.imgur.com/iHGuv.png@import "bootstrap";
.menu .dropdown-menu{
margin-top: 10px;
}
body{
padding-top:60px;
}
.navbar-inner{
border-top-style:solid;
border-top-color:#628d28;
background-color: white;
margin-left:14.8%;
width:960px;
}
.container{
background-color: white;
width: 960px;
}
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 0px 0 0;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
padding-top:0px;
padding-bottom:0px;
color: black;
text-decoration: none;
background-color: white;
}
.navbar .nav > li > a:hover {
background-color: transparent;
color: black;
text-decoration: none;
}
.navbar .divider-vertical {
height: 40px;
width: 1px;
margin: 5px;
overflow: hidden;
background-color: #222222;
border-right: 1px solid #333333;
}
#logo {
font-size: 1.7em;
color: #fff;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: bold;
line-height: 1;
&:hover {
color: #fff;
text-decoration: none;
}
}