Html SVG不'；t显示我链接的图像

我使用Adobe Illustrator CS6生成了一个SVG图像。此映像位于我的站点媒体文件夹（root/sitemedia/images/）中。我把它作为一个巨型机器的背景，但它什么也不显示，只是一个空白图像。当我在浏览器（Safari、FF、Chrome）中打开时，它会显示我想要的图像

我使用的css代码是

.jumbotron{
         background: url(../images/jumbo-bg.svg) center no-repeat #FFF;
         background-size: cover;
}

Illustrator生成的代码是

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="central" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="640px" height="480px" viewBox="0 0 640 480" enable-background="new 0 0 640 480" xml:space="preserve">
<image overflow="visible" width="640" height="480" id="image1" xlink:href="folder/image1.png"  transform="matrix(1.0002 0 0 1.0002 0 0)">
</image>
</svg>

---

我已经为根文件夹更改了图像的xlink:href，但它不起作用。此图像会发生什么情况？

如果将SVG文件显示为背景图像（或任何其他图像类型，如html

或SVG

），则必须在单个文件中完成，以防止隐私泄露

---

将png编码为SVG文档中的，它应该可以工作。

jumbotron是否具有高度/宽度，因为它没有显示在您的代码中。我使用的是引导，jumbotron的宽度默认为100%。我可以看到jumbotron及其内容，但当您将

背景

路径更改为svg中链接的

.png

时，它的背景是白色的。它会显示吗？相对于

根

的css文件在哪里？@zgood它不会显示任何内容。我试过让../sitemedia/images/folder/image1.png、/sitemedia/folder/images/image1.png和/images/image1.pngI这样做。谢谢你的建议！