2013-10-30 45 views
4

我有一个svg,我正在申请作为背景的身体。我使用的是X-重复,并在Chrome和FF但在IE10(实际上IE11测试版)的作品的背景是压扁,并在各间酒吧巨头的x重复使IE 10重复svg背景

链接在这里 http://knowledgecity.com/hrtools/workstyle/svgtest.php

我用身体上的SYLE是

<body style="margin:0em;background-image: url(background-opt.svg);background-size: 1339em 1000em;background-repeat:repeat-x;overflow:hidden"> 

哪一部分这种风格并不在IE10工作?或者是别的什么?

铬: this is how it looks on chrome

IE10: This is how it looks on ie10

+0

谢谢我添加它,但没有改变任何东西。 – AwokeKnowing

+0

我在想这可能是一个实际的错误,即不只是一种“不同的渲染方式”。你可以看到背景被挤压了50%。重复出现在正确的位置,但尺寸在x维 – AwokeKnowing

+0

中压缩了50%,如果您直接在ie10中打开svg,它会呈现出很好的效果http://knowledgecity.com/hrtools/workstyle/background-opt.svg这似乎与x中的重复有关 – AwokeKnowing

回答

7

好了,原来我需要

preserveAspectRatio="none slice" 

添加到我的SVG元素,即正确地呈现它。这解决了它。