IE9-10 中 SVG 压缩的背景大小

我有一个带有背景图像的 div 集：

<div>Play Video</div>

使用以下 CSS：

div {
background-image: url('icon.png');
background-image: url('icon.svg'), none;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: 90% 50%;
padding: 20px;
width: 150px;
}

Firefox、Safari 和 Chrome 尊重背景大小。在 IE8 中，SVG 被 PNG 文件取代。但是，在 IE9 和 IE10 中，SVG 文件的大小大幅减小。问题似乎与 div 的宽度和高度有关。如果我添加 150px 的高度，SVG 就会正确渲染。如果我将其变小（即 100 像素），图形就会开始缩小。

有人在资源管理器中找到解决此问题的方法吗？有没有办法告诉 IE 使用独立于 div 的宽度和高度的背景大小值？

确保您的 SVG 有width and height指定的。如果您从 Illustrator 生成它，请确保未选中“响应式”框，因为此选项会删除宽度和高度。