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，這樣我們可以更容易地提供幫助。 –

回答