Menu
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
the link is here http://knowledgecity.com/hrtools/workstyle/svgtest.php
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">
What part of this style doesn't work in ie10? Or is it something else?
chrome:
IE10:
541
Ok, it turns out I needed to add
preserveAspectRatio="none slice"
to my svg element for ie to render it correctly. That solved it.
58
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With