Html/css/svg: Svg Background Image In Ie7/8

I have made an svg image that I am using as a background image. I does not work in IE8 and below (as expected), and I thought I could use something use like: http://twostepmedia.co

Solution 1:

One way is to detect support for svg with javascript and then style differently depending on that.

If you use modernizr you could do it like this in your stylesheet:

#myElm.svg { background:url('img/bck_hero.svg'); }
#myElm.no-svg { background:url('img/bck_hero.png'); }