HTML/CSS/SVG: image de fond SVG dans IE7/8

Question

J'ai créé une image svg que j'utilise comme image de fond. Je ne travaille pas dans IE8 et ci-dessous (comme prévu), et je pensais que je pourrais utiliser quelque chose utiliser comme: http://twostepmedia.co.uk/svgeezy/ ou http://code.google.com/p/svgweb/. Cependant, aucun de ces SVG support en arrière-plan image/arrière-plan, seulement IMG et objet, etc.

code:

background:url('img/bck_hero.svg'); 

Comment puis-je obtenir un SVG comme l'arrière-plan dans IE8/7 ou un image de repli? Y at-il une bibliothèque javascript qui pourrait faire cela?

Merci beaucoup,

Harley

Answer 1

Une façon est de détecter le soutien de svg avec le javascript et le style différemment selon que.

Si vous utilisez modernizr, vous pouvez le faire comme ça dans votre feuille de style:

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