SVG 作为背景图像

你可以在 HTML 文档中显示 SVG 文件，方法是将其指定为 CSS 中的背景图像。例如：

.element {
    background-size: 100px 100px;
    background: url(my_svg_file.svg);
    height: 100px;
    width: 100px;
}

如果 SVG 文件中指定的尺寸大于 HTML 元素的尺寸，则可能需要指定 background-size 属性，以缩放 SVG 以适合其元素。

与使用 SVG 作为 <img> 一样 ，值得注意的是这种方法存在一些局限性：

• 浏览器支持不包括 Internet Explorer 8 及更早版本，也不包括 Android 2.3 及更早版本。
• 你无法使用 SVG 文件外部的 CSS 设置 SVG 文件中包含的各个元素的样式。所有 CSS 必须在图像文件本身内。