html - HTML/CSS/SVG：IE7/8 中的 SVG 背景图片

Question

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

代码：

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'); }