如何在我的网站上显示SVG图像？

Question

我有一个带有SVG图像的网站，但是出现了问题。我的网站在Apache服务器上与我的主机一起运行。当我的网站在本地服务器上时，我的图像显示得非常好，但现在它在主机上，图像不再出现。我确定URL正确。我可以通过直接访问图像的URL来访问，但图像没有显示在我的网站上。

<span class="logo">Logo</span>

CSS（层叠样式表）;

div.main-content-logo h1#header-logo .logo {
    background: url("../img/logos/logo-main.svg") no-repeat scroll 0 0 / 260px auto rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    text-indent: -999px;
}
div.main-content-logo h1#header-logo .logo {
    display: block;
    height: 78px;
    width: 260px;
}

你能帮助我吗？

- Florent

---

你的background参数中为什么有一个斜杠(/)？ - putvande

/ 260px 可以让我设置背景的大小。 - Florent

Answer 1

您是否在.htaccess文件中指定了MIME类型？请参阅此处：http://www.w3.org/services/svg-server/

- DavidT

---

我猜这在所有浏览器中都会发生。我们可以有一个链接吗？ - DavidT

Answer 2

有时候从本地到服务器会稍微改变文件夹结构（我也遇到过这种情况）。尝试使用绝对路径来测试它。

background: url("http://myexampledomain.com/img/logos/logo-main.svg") no-repeat scroll 0 0 / 260px auto rgba(0, 0, 0, 0);

- Benjamin Frugoni