Che*_*Fre 7 css svg css3 internet-explorer-9 internet-explorer-10
我一直在尝试使用SVG作为背景图像,使用background-size-property 对其进行缩放.这在大多数当前浏览器中都很有效,但是Internet Explorer似乎误解了这些值,当我只使用一个值时,图像的尺寸要小得多,而且两个值的比例不正确.
我在http://jsfiddle.net/c7DEw/1/上举了一个例子
svg的宽度和高度设置为100%.我认为它与viewBox和enable-background属性有关,但这些似乎没有任何影响.
这在Internet Explorer 9和10中都会发生.
以前有人遇到过这种行为吗？如果是这样,你是如何解决它的？
小智 12
我有一个类似的问题,由Illustrator生成的svg文件用作背景图像,经过多次试验和错误修复似乎只是编辑每个svg文件并声明svg的宽度和高度作为属性,例如<svg width="32px" height="128px">(某事Illustrator没有设置,但Sketch确实).这导致svgs在IE 10/11中的行为与在Chrome/FF中的行为相同.