Css 用于背景的SVG

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

对于IE和其他不支持svg的工具，它有一个png回退。但在所有情况下，我只看到png

（仅举一个例子，svg使用一个红方块，后退使用一个非常不同的skype.png徽标）： http://codepen.io/pen/9135/2

如何在这种背景下放置svg

HTML:

您正在使用“text/xml”媒体类型为服务。虽然这在技术上很好，但在像这样只允许图像的场景中，浏览器很可能不允许这样做。尝试将服务器配置为发送官方svg媒体类型“image/svg+xml”，这样应该可以

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

更新：添加了指向svg图像的链接，该图像使用“text/xml”提供服务。

您使用的是“text/xml”媒体类型。虽然这在技术上很好，但在像这样只允许图像的场景中，浏览器很可能不允许这样做。尝试将服务器配置为发送官方svg媒体类型“image/svg+xml”，这样应该可以

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

---

更新：添加了指向svg图像的链接，该图像使用“text/xml”提供服务。

您是否尝试过用相对URL替换URL？我想浏览器可能会限制完整的URL。“无”比其他的更好吗？@DA，不。如果你有一个正确服务的svg，它工作得非常好：Unclenorton:你的svg工作得很好，但我不明白为什么。我用Illustrator做了一个非常简单的svg。在浏览器中可以很好地看到它：问题是当我把它放在背景中时。为什么您的svg始终工作良好？我看不出有什么区别？克拉福：我试过相对URL，但没有任何改变。你试过用相对URL替换URL吗？我想浏览器可能会限制完整的URL。“无”比其他的更好吗？@DA，不。如果你有一个正确服务的svg，它工作得非常好：Unclenorton:你的svg工作得很好，但我不明白为什么。我用Illustrator做了一个非常简单的svg。在浏览器中可以很好地看到它：问题是当我把它放在背景中时。为什么您的svg始终工作良好？我看不出有什么不同？克拉福：我尝试了相对URL，但在小提琴上没有任何变化，我看不到svg。您只看到png.：在codepen（类似于Fiddle）中也是一样的：我想这意味着问题不在于服务器？您是对的，问题在于svg所在的服务器。非常感谢你！在小提琴中我看不到svg。您只看到png.：在codepen（类似于Fiddle）中也是一样的：我想这意味着问题不在于服务器？您是对的，问题在于svg所在的服务器。非常感谢你！

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

#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;
}​