SVG的背景

Question

我尝试使用svg作为背景,它在本地工作但不是我上传到ftp时.

对于IE和其他不支持svg的人来说,它有一个png后备.但在所有情况下,我只看到了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;
}?

Answer 1

您正在使用'text/xml'媒体类型为svg图像提供服务.虽然这在技术上很好,但很可能浏览器不允许这样的场景,只允许使用图像.尝试配置您的服务器以发送官方svg mediatype'image/svg + xml',这应该工作.

有关如何配置Web服务器的更多详细信息,请参见此处.

更新:添加了使用'text/xml'提供的svg图像的链接.