css - 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

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

background-size: 53px 14px;

Answer 2

您如何尝试将背景图像应用于 html 文档？

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

background-cover:cover;

不知道你为什么要这样定位BG。

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