Skip to content

Instantly share code, notes, and snippets.

@scottsappen
Created July 1, 2013 14:52
Show Gist options
  • Save scottsappen/5901526 to your computer and use it in GitHub Desktop.
Save scottsappen/5901526 to your computer and use it in GitHub Desktop.
Bootstrap’s Inverse Navbar issue with IE versions less than 10. If you used the default navbar and encountered issues in Internet Explorer (like the navbar appears to be all black in IE only), check this out. Oh and this isn’t an issue in IE10, just IE9, IE8 and lower. The problem has to do with IE’s treatment of gradients specified in the boots…
Open up /css/bootstrap.css and look for this entry: .navbar-inverse .navbar-inner
In that style, change the filter entry from this:
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
to this:
filter: none;
That should make the navbar look as good in IE as it does already for Chrome, Safari and Firefox.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment