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

【问题标题】：How to display SVG images on my site?如何在我的网站上显示 SVG 图像？
【发布时间】：2014-03-07 14:15:10
【问题描述】：

我有一个包含 SVG 图像的网站，但我遇到了问题。我的网站与我的主机位于 Apache 服务器上。当我的网站在我的本地服务器上时，我的图像显示得很好，但现在它在我的主机上图像不再出现。我控制的网址是正确的。我可以直接在图片上使用url访问，但是图片没有显示在我的网站上。

HTML

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

你能帮帮我吗？

【问题讨论】：

为什么你的background参数中有/？
/260px 允许我设置背景的大小

标签： html css apache svg apache-config

【解决方案1】：

您是否在 .htaccess 文件中指定了 MIME 类型？看这里：http://www.w3.org/services/svg-server/

【讨论】：

我猜这在所有浏览器中都会发生。能给个链接吗？

【解决方案2】：

有时从本地转到服务器会稍微改变文件夹结构（我遇到过这种情况）。试试放绝对方向来测试一下

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

【讨论】：