Question

我正在使用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;
  }
 }

Answer 1

IE有一个已知的PNG伽玛信息错误，但我认为它们在版本7中加入了它

使用“PNG Crush”从PNG文件中删除伽玛信息。更多信息：在Windows中使用pngcrush

IE中的颜色变化

1 个答案: