Bootstrap IE background color issue

问题:

I can't seem to change the background color of my navbar in IE9. The site uses Twitter-Bootstrap

Here is the website: http://iioengine.com/

The top navbar has a white background in every browser other than IE. It's black in IE. I've tried targeting every part of the element with CSS but nothing has effected its color in IE.

I've also set background-image to none in all relevant classes

Anyone know what the issue is or what I need to target? IE is driving me crazy.. Thanks

SOLUTION:

.navbar-inverse .navbar-inner{
  filter:none;
  background-color:white;
}

回答1:

This is being caused by a MS filter gradient on .navbar-inverse .navbar-inner {}

The solution is to override this with none in your own stylesheet:

div.navbar-inverse .navbar-inner {
    filter: none;
    background-color: none;
}

回答2:

I ran into a simlar issue w/IE9 + Bootstrap 3. filter:none did not fix the issue for me. Adding this did:

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

回答3:

Filter is the problem as pointed out by @Adrift