I have set two different colors for header top and header bottom and in firefox, safari,chrome etc the header banner is a nice gradient from top to bottom, in ie 7 and 8 it is a solid color (looks like header bottom color).

Comments

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Closed (works as designed)

CSS linear gradients do not work in IE7 or 8, this is how the theme is designed to work. If the browser supports modern CSS capability that is good, for those that don't then acceptable fallbacks are provided, which in this case means a solid color for the header in Internet Explorer.

jimboh’s picture

jimboh commented

My existing site uses the Minnelli theme with the same header top/bottom values and that displays the same as firefox (that is graduation works). Does Minnelli theme use a different method of achieving the same result? ie non CSS?

Jeff Burnz’s picture

Jeff Burnz commented

Yes that is correct, Minnelli (fixed width Garland) uses colorized images for the gradients - Bartik uses a different method (no images, only CSS). It is two different ways of using the color module in Drupal.

couturier’s picture

couturier commented

My Bartik header gradient is not showing in IE9 either. This thread seems to indicate that gradients will not show in IE9 due to the fact that the Bartik gradient is created by CSS rather than an image and this technique is not supported in IE up through IE9.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Closed (works as designed) » Closed (duplicate)

This is duplicate, please see this thread as we are proposing to fix this: #844728: Add support for linear gradients on IE