2

[mdixon]

mdixon

#34441

Tried it and there was no change in appearance.

#top-bar {

background: url(images/top-bar-background.png) repeat !important;

border-bottom:0;

margin-top: 0px;

position: absolute;

overflow: visible;

}

#top-bar, .top-bar-preview .top-bar {

background: url(images/top-bar-background.png) repeat !important;

}

[Anonymous]

Anonymous

#34442

Let’s see if IE 8 & 9 honour this,

function transparent_top_bar_bg_ie(){ ?>

<!--[if gte IE 8]>

<style type="text/css" media="screen">

#top-bar {

background: none !important;

border-bottom:0;

margin-top: 0px;

position: absolute;

overflow: visible;

}



#top-bar, .top-bar-preview .top-bar {

background: none !important;

}

</style>

<![endif]-->

<?php

}

add_action( 'wp_head', 'transparent_top_bar_bg_ie' );

[mdixon]

mdixon

#34443

Copied to my child theme’s functions.php…no change.

I was looking in Firebug to see what other styles might be affecting the top-bar, but can’t find that blue gradient anywhere. Must be a default IE thing?

[Anonymous]

Anonymous

#34444

Try this:

#top-bar {

-ms-filter:none !important;

}

You’re unable to see it in firebug, because it’s not active. Open IE9 and hit F12.

It’s inline element located in includes/theme-head.php.

[mdixon]

mdixon

#34445

Genius! That did it—thank you!