SVG rendering issues in IE


Question

I created this artwork in Illustrator CC and I'm "saving as" an SVG file (it has to be SVG for client). When I view the file in Chrome, Safari or Firefox it renders just fine for the most part. See below:

Viewed via Chrome

BUT when I try to view it in IE (i'm using IE 11) I get a different result. I have tried saving it out differently with adjusting settings in my SVG output but no success. See below:

enter image description here

As you can see these are simple shapes with simple gradients. Is there something I should be doing to ensure it renders correctly in IE? Believe me, I would love to dismiss IE altogether but for our use, there is a sizable base of end users that will be viewing via IE. Any help would be appreciated

1
4
2/23/2016 7:45:00 PM

It looks like a IE doesn't like what you're doing with that top dark shape. Is there a drop shadow or some kind of raster-based filter on it? It looks like the raster shape area is rendering the background shapes gradient differently.

Is there any way you can post the SVG?

This is really more of a programming issue.

1
2/23/2016 11:23:00 PM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^