SVG作为背景图像，跨浏览器兼容性

Question

使用SVG作为背景图像时，如果我需要正确拟合图像，则必须为不同的浏览器指定单独的背景位置。

这是我经历过的方式，还是我做错了什么。

我正在尝试使用的CSS：

.some {
  background: transparent url('some.png') no-repeat -X1px -Y1px;
  background: rgba(0,0,0,0) url('some.svg') no-repeat -X2px -Y2px;
  width: 53px;
  height: 14px;
  position: relative;
  top: 13px;
  left: 30px;
}

Answer 1

您是如何尝试将背景图片应用于HTML文档的？

如果你使用它，它应该可以工作：

background-cover:cover;

不确定为什么要这样定位BG。

http://www.css3.info/preview/multiple-backgrounds/

Answer 2

要缩放svg背景，您可以使用：

background-size: 53px 14px;