SVG 背景在 Safari 中不显示

在 Firefox 和 Chrome 中运行良好。 Safari 不显示我的 SVG 背景图像。这是怎么回事？

HTML

<div class="container">
    <div class="row">
        <header class="span12 hero-unit">
            <h1>Timeline</h1>
        </header>
    </div>
    <div class="svg"></div>
</div>

CSS

.svg {
    width: 200px;
    height: 200px;
    background-image: url(../img/mars.svg);
    background-size: contain;
}

Link

http://distantfuturejosh.com/timeline/ http://distantfuturejosh.com/timeline/

好吧，我的问题是图形软件问题，而不是网络代码问题。但郑重声明，我所做的是在 Illustrator 中打开一个栅格 PSD 并将其另存为 svg。正如 Erik 指出的那样，这只是将 png 嵌入到 svg 中。为了解决这个问题，我只需在 illustrator 中选择对象，然后选择“对象”>“图像跟踪”>“制作”。然后我选择了我喜欢的图像追踪预设（6 种颜色）并将其保存为 svg。做工精美。