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

我有一个网站与SVG图像，但我有一个问题。我的网站与我的主机位于Apache服务器上。当我的网站位于本地服务器上时，我的图像显示效果非常好，但现在不再显示在我的主机图像上。我控制的网址是正确的。我可以直接在图像上访问url，但图像不会显示在我的网站上。如何在我的网站上显示SVG图像？

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

你能帮我吗？

来源

2014-03-07 Florent

为什么在''background'参数中有'/'？ – putvande

/260px允许我设置背景大小 – Florent

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

来源

2014-03-07 16:04:30 DavidT

是的，它启用 – Florent

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

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

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

来源

2017-03-15 22:11:42

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

回答

相关问题