Question

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

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

你能帮助我吗？

Answer 1

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

Answer 2

有时从本地到服务器更改文件夹结构（发生在我身上）。尝试用绝对的方向来测试它

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

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

2 个答案: