SVG在谷歌浏览器的背景不显示

`<a href="https://somelink" rel="noreferrer" target="_blank" class="btn popupLogo btn-link btn-xs"></a>`

CSS：

.popupLogo { 
width: 100%; 
height: 25px; 
background: center no-repeat url(../img/logo.svg); 
}

谷歌浏览器不显示SVG，我也尝试过使用object，但结果svg已下载，但未显示，是否有可行的解决方案？

你有没有设置链接是内联块？我们需要**看**这不工作来判断。你可以做一个演示吗？ –

如果SVG被下载而不是显示，那么你几乎肯定会用错误的MIME类型来提供它。 –

相同。奇怪的是加载SVG为url，然后重新加载页面的作品。在Firefox中也没有问题。 – Barnaba

我发现（对我来说）的Chrome有时会出现问题，当你写几条语句在一个CSS命令，如：background: center no-repeat url(../img/logo.svg);

试试这样说：

background-image: url("../img/logo.svg"); 
background-repeat: no-repeat; 
background-position: center;

2015-10-23 11:11:51

仍然没有显示 – user3112115

所以也许链接到图片是错误的？它显示在其他浏览器？我建议做一个JSFiddle，这样我们可以更容易地提供帮助。 –

回答