有谁知道是否有解决方法？当用户缩放时，Internet Explorer 10 和 Window phone 8 无法正确缩放背景 SVG 图像。看起来 IE 在加载时光栅化了 SVG。
这是一个示例：第一张图片是 SVG 作为背景图片。放大 MS Surface 或 Windows 8 手机，你会看到它模糊得可怕。
第二张图片是与 img 标签相同的 SVG。在 Surface 或 Windows 8 手机上缩放它，它可以按您预期的方式缩放（漂亮且干净）。
是否可以添加任何属性来使 IE10 正常运行？还是只是等待雷德蒙德的人来修复它？
问题是 IE 和 Firefox 等其他浏览器在显示 SVG 之前会对其进行光栅化，因此缩放时会变得块状。
解决此问题的最简单方法是使 SVG 文件大于所需大小。例如，如果用户可能进一步放大，则将尺寸加倍或更多。然后，您可以使用 CSS 调整 SVG 图像的大小，使其以正确的大小显示。这样图像自然会变大，不会变得块状，除非你进一步放大。在默认缩放级别，图像被缩小而不是放大，浏览器通常处理得更好。
编辑：您可以在http://dbushell.com/2012/03/11/svg-all-fun-and-games/的“SVG 和 CSS 背景”标题下找到有关此问题的更多信息