SVG的背景

我試圖使用svg作爲背景，它在本地工作，但不是當我上傳到FTP時。SVG的背景

它有一個PNG後退IE和其他不支持SVG的其他人。但在所有情況下，我只能看到PNG。

（只是爲了例如用紅色方塊的SVG和一個非常不同的思考skype.png了回落的標誌）： http://jsfiddle.net/snG8w/ http://codepen.io/pen/9135/2

如何把svg放在這個背景中？

HTML：

<div id="quadrat"></div>

CSS：

#quadrat { 
    position: absolute; 
    top: 20px; 
    left: 20px; 
    width: 400px; 
    height: 400px; 
    line-height:200px; 
    background-image: url('http://mig-marketing.com/proves/retina/skype.png'); 
    background-image: none,url('http://mig-marketing.com/proves/retina/rectangle.svg'), url('http://mig-marketing.com/proves/retina/skype.png'); 
    background-size: 100% 100%; 
    background-repeat:no-repeat; 
}

來源

2012-07-05 Nrc

您是否嘗試用相對URL替換網址？我想這個瀏覽器可能會限制完整的URL。 – Clafou 2012-07-05 15:05:26

'沒有'勝過其他人嗎？ – 2012-07-05 18:04:49

@DA，號碼如果你有一個合適的服務svg，它可以很好地工作：http://jsfiddle.net/WTkbA/ – unclenorton 2012-07-05 18:13:43

你用 '文本/ XML' 介質類型服務的svg image。雖然這在技術上很好，但很可能瀏覽器不允許在這種僅允許圖像的場景中使用。嘗試配置您的服務器來發送官方svg mediatype'圖像/ svg + xml'，而應該工作。

有關如何配置Web服務器的更多詳細信息，請參閱here。

更新：添加到svg圖像的鏈接，該圖像通過'text/xml'提供。

來源

2012-07-05 18:07:43

在小提琴中我看不到svg。你只能看到png：http://jsfiddle.net/snG8w/在codepen（類似於小提琴）相同：http://codepen.io/pen/9135/2我想這意味着問題不是服務器？ – Nrc 2012-07-06 13:52:00

你說得對，問題出在svg託管的服務器上。非常感謝！ – Nrc 2012-07-07 16:54:09

回答

相關問題