让IE 10重复svg背景

时间:2013-10-30 17:59:45

标签: html css internet-explorer svg

我有一个svg,我正在申请身体的背景。我正在使用x-repeat,它在chrome和FF中工作但在ie10(实际上是11 beta)中背景被压扁并且在每个x-repeat之间有巨大的条形

链接在这里 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

1 个答案:

答案 0 :(得分:7)

好的,事实证明我需要添加

preserveAspectRatio="none slice" 

到我的svg元素,即正确渲染它。这解决了它。