使IE 10重复svg背景 [英] Make IE 10 repeat svg background
本文介绍了使IE 10重复svg背景的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个svg,我申请作为身体的背景。我使用x重复,它的工作原理在chrome和FF,但在ie10(实际上ie11 beta)背景被挤压,并在每个x重复之间有巨棒。
I have an svg that I'm applying as the background to the body. I'm using x-repeat, and it works in chrome and FF but in ie10 (actually ie11 beta) the background is squished and has giant bars in between each x-repeat
链接在这里
http://knowledgecity.com/hrtools/workstyle/ svgtest.php
我在身上使用的syle是
The syle I'm using on the body is
<body style="margin:0em;background-image: url(background-opt.svg);background-size: 1339em 1000em;background-repeat:repeat-x;overflow:hidden">
这种风格的哪部分在ie10中不起作用?
What part of this style doesn't work in ie10? Or is it something else?
chrome:
chrome:
IE10:
IE10:
推荐答案
p>
Ok, it turns out I needed to add
preserveAspectRatio="none slice"
to my svg element for ie正确渲染它。解决了。
to my svg element for ie to render it correctly. That solved it.
这篇关于使IE 10重复svg背景的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文