Hey guys,
I have all my rules to make each browser give a nice backgound but can’t seem to get the order of them right. As is, I get CSS gradients in Chrome, FF, etc, IE9 gets SVG but IE 7 and 8 just show a plain colour. I would like 7+8 to use the png image version.
IE6 has been relegated to a plain IE6 universal set of styles so not worried about that.
Any ideas how to get IE 7 and 8 to use the PNG version?
background: rgb(58, 77, 160) image-url('bg-body.png') repeat-x left top; /*Graphic*/
background: rgb(58, 77, 160) image-url('bg-body.svg') repeat-x left top; /*SVG*/
background: #3A4DA0 -webkit-linear-gradient(top, rgb(18, 22, 43) 0, rgb(58, 77, 160) 500px) no-repeat; /*CSS Gradient*/
background: #3A4DA0 -moz-linear-gradient(top, rgb(18, 22, 43) 0, rgb(58, 77, 160) 500px) no-repeat;
background: #3A4DA0 -ms-linear-gradient(top, rgb(18, 22, 43) 0, rgb(58, 77, 160) 500px) no-repeat;
background: #3A4DA0 -o-linear-gradient(top, rgb(18, 22, 43) 0, rgb(58, 77, 160) 500px) no-repeat;
background: #3A4DA0 linear-gradient(top, rgb(18, 22, 43) 0, rgb(58, 77, 160) 500px) no-repeat;
Kind regards,
Neil