Just solved a problem which causes me to hate IE8 even more. If you set a gradient on a section via css and PIE.htc
and later on override it to be a solid color it doesn’t work.
The site I am working on calls for multiple themes based on which brand is being displayed. The default and usual style is a slightly
shaded bar at the top of the page but one brand call for this to be a solid blue. Simple you would think to just override it in the brand css but
not when we are having to use PIE.htc to get the gradient to work on IE8 in the first place.
This is the code, the first .header-gradient is the default style (tweaked to colours so they show up better) and the second is what works in most
browsers to override it.
You would expect that the background would end up looking like this
but no, not with IE8. It looks like this.
Turns out the solution is to overwrite the full gradient settings like so.
There is probably an simpler way than overwriting the whole section but it works.