HTML/CSS/SVG : SVG background image in IE7/8

Question

我制作了一个 svg 图像用作背景图像。我不能在 IE8 及以下版本(如预期的那样)工作，我想我可以使用类似的东西:http://twostepmedia.co.uk/svgeezy/或 http://code.google.com/p/svgweb/ .但是，这些都不支持 SVG 作为背景图像/背景，仅支持 IMG 和对象等。

代码:

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

如何在 IE8/7 中获取 SVG 作为背景或有后备图像？是否有可以执行此操作的 JavaScript 库？

非常感谢，

哈雷

Answer 1

一种方法是使用 javascript 检测对 svg 的支持，然后根据它设置不同的样式。

如果您使用 modernizr你可以在样式表中这样做:

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