Bootstrap’s Inverse Navbar

I am a huge fan of Bootstrap.

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 bootstrap stylesheet.

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.

Advertisements
Previous Post
Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: