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

回答

相关问题