Bootstrap Ie Background Color Issue

Bootstrap IE background color issue

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;
}

Background-color displaying incorrectly in IE8 and IE9

Add filter: none; to your t3-mainnav class. That should fix it!

.t3-mainnav {
  background-image: none;
  background-color: #676767; 
  border: none;
  font-size: .9em;
  filter: none !important;

}

white background problem in IE

If you use the Developer Tools in IE8 (Keyboard shortcut F12) and inspect the element with the white background you will notice the following inline style applied to the element:

<div class="slide" style="z-index: 5; position: absolute; background-color: #ffffff; zoom: 1; display: block; top: 0px; left: 0px;" cycleH="277" cycleW="500" jQuery1285163831375="11">

What is generating the HTML for you? I assume it's JQuery UI?

Background colour not working in IE

IE <9 doesn't support HTML5 so your page will be rendered differently in IE<9 but here's a fix for you :)

HTML5 enabling script

Bootstrap: v3.3.7 Need help to understand full width background colour issues

wrap one div your container like

<div class="header">
<div class="container-fluid">
  <div class="row">
     <div class="col-md-12 col-xs-12">
     </div>
  </div>
</div>
</div>

then apply style on header class

---

Related Topics