Html 如何在我的站点上显示SVG图像?

Html 如何在我的站点上显示SVG图像?,html,css,apache,svg,apache-config,Html,Css,Apache,Svg,Apache Config,我有一个带有SVG图像的网站,但我有一个问题。我的站点位于带有主机的Apache服务器上。当我的站点位于本地服务器上时,我的图像显示得非常好,但现在它位于主机上,图像不再显示。我控制的url是正确的。我可以直接在图片上使用url进行访问,但图片不会显示在我的网站上 HTML 您能帮助我吗?您是否在.htaccess文件中指定了MIME类型?请参见此处:有时,从本地转到服务器会稍微改变文件夹结构(这在我身上发生过)。试着用绝对方向来测试它 background: url("http://myexa

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

HTML


您能帮助我吗?

您是否在.htaccess文件中指定了MIME类型?请参见此处:

有时,从本地转到服务器会稍微改变文件夹结构(这在我身上发生过)。试着用绝对方向来测试它

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

为什么在你的
背景
参数中有一个
/
呢?/260px允许我设置背景的大小我猜这在所有浏览器中都会发生。我们可以有一个链接吗?
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: url("http://myexampledomain.com/img/logos/logo-main.svg") no-repeat scroll 0 0 / 260px auto rgba(0, 0, 0, 0);