Where you have the background declaration try to add filter: none; - untested but hope it will work. On Oct 3, 2012 10:16 PM, "Steven Mayton" <smay...@gmail.com> wrote:
> http://www.sitbeside.me/**adelsstickybuns/about-adels/<http://www.sitbeside.me/adelsstickybuns/about-adels/> > (don't laugh) > > Everything for the most part is working fine so far, except for 1 thing i > cannot resolve and 1 that I've resolved but have a question about: > > Unresolved: > .navbar-inner bg image is referenced with media queries as it has to > change for each screen size. In some iteration it was referenced, also, > outside of the MQs to set the bg for the largest size. But either way, I > cannot get it to show, only, in IE9 (tested on multiple machines). In every > other browser, mac and pc, including mobile, it seems fine. > > I use Firebug and I believe that I have successfully overwritten all of > the applicable bootstrap, bootstrap-responsive styles within apps.css. > > Resolved, but a question: > Using RoyalSlider, the mobile drop down within bootstrap was dropping > behind the slider images. I fixed that with z-indexes. However, when > dropping down below 480px (set size) it still dropped down behind. > > The issue was in bootstrap-responsive.css, line 777 with .nav-collapse > { -webkit-transform:**translate3d(0, 0, 0) }. Why is this style being > used and why applied only to max-width 480px and not also to tablets. I've > googled it, but can't seem to find a suitable answer for my particular > issue. >