I have a site that's using the double background functionality in CSS3. I know it doesn't work in IE8 and I'm ok with older browsers displaying only one background. I would have thought that this code would do it:
My idea was that IE8 would pick up and use the first line, and ignore the lines that it can't compute. But it seems like it picks up th second background declaration and since it doesn't understand it it doesn't display a background image at all but only the background colour.
background: #042546 url(../images/sky.png) repeat-x fixed top left;
background-image: url(../images/sun-strong.png), url(../images/sky.png);
background-repeat: no-repeat, repeat-x;
background-position: top left;
Any simple way to solve this? Like I said – I don't need two backgrounds in IE8 and older. If I can simply make them ignore the CSS3 code that would be enough.