I have a site and the background picture in header will display fine in firefox / chrome, but in IE8 it just shows the background colors. Any ideas?

Comments

mangloid’s picture

mangloid commented

ok well, ill figure it out, something with colors.css

mangloid’s picture

mangloid commented

ok, in the generated colors.css in sites/default/files/color/mayo-$x/colors.css

it has -ms-filter in the header section, which doesnt seem to be valid. removing the -ms- fixed it.

pixture’s picture

pixture commented

I confirmed the issue by myself. If you remove -ms- from -ms-filter of #header element (in css/colors.css), then background image would be correctly displayed on IE8, but with this change, background color gradation would not be displayed. Need to do a bit more research.

Thanks for your info.

polistvan’s picture

polistvan commented

I have E7 and I have the same problem, but if I delete -ms- nothing happens.
Is there any solution?
Thank you!

dannyntosh’s picture

dannyntosh commented

For IE7 you can remove the rows before:

filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fc6d22, EndColorStr=#fc6d22, GradientType=1);

It seems it works.

tremor’s picture

tremor commented

I have this same issue, I've applied the fix by removing the -ms- from that line in the colors.css, but the background image remains invisible/missing in IE 8 for me.

bwill’s picture

bwill commented

See this post, response # 4 http://drupal.org/node/1055228

raleigho’s picture

raleigho commented

I was having an issue where the background of my header would not change in IE, it would show this blue gradient in place of the background color. This solution in #4 of http://drupal.org/node/1055228 did the trick for me, THANKS!

mermentau’s picture

mermentau commented
Status: Active » Closed (works as designed)