为什么 background-size:100% 100%; 不能在这个 SVG 上工作？

Question

看例子：

.container {
   background-image:url("http://svgshare.com/i/3cM.svg");
   background-position:center center;
   background-repeat:no-repeat;
   width:400px;
   height:200px;
   background-color:#eef;
   border-bottom:1px solid #000;
   background-size:100% 100%;
}

<div id="container1" class="container"></div>

相关问题：将背景图像 (SVG) 拉伸至 100% 宽度和 100% 高度？

Answer 1

打开您的 .svg 文件并设置

preserveAspectRatio="none"

在 SVG 标签内。