css3 – Internet Explorer 9和10中的SVG背景大小不同

我一直在尝试使用SVG作为背景图像,使用background-size-property对其进行缩放.这在大多数当前浏览器中都很有用,但是Internet Explorer似乎误解了这些值,当我只使用一个值时,图像的尺寸要小得多,而且两个值的比率不正确.

我在http://jsfiddle.net/c7DEw/1/举了一个例子

svg的宽度和高度已设置为100％.我认为它与viewBox和enable-background属性有关,但这些似乎没有任何影响.

这在Internet Explorer 9和10中都会发生.

以前有人遇到过这种行为吗？如果是这样,你是如何解决的？

解决方法

我有一个类似的问题,由Illustrator生成的svg文件用作背景图像,经过多次试验和错误,修复似乎只是编辑每个svg文件并声明svg的宽度和高度作为属性,例如< svg width =“32px”height =“128px”> (Illustrator没有设置但Sketch没有设置的东西).这导致svgs在IE 10/11中的行为与在Chrome / FF中的行为相同.