14+ Svg Cut Off In Ie PNG. As far as i know, you can make ie to support animation with programatically scripting. Only on ie 11 it seems like the img is pushed down and cut off. Animation does not work in internet explorer (10 and 11). Ie9, ie10, and ie11 don't properly scale svg files added with img tags when viewbox, width and height attributes are specified. Svg support ยป svg image not showing correctly on ie11. Please refer to the msdn document Now that you know how to make your own amazing svg files, you're ready to conquer the die cut world! If anybody could help i would appreciate it! Not the answer you're looking for? We are trying to display svg backgrounds in internet explorer. The extra space in the :after pseoudoelement gives ie spare canvas to draw on, but both the visible icon and the space occupied by the original container remain. In chrome it displays fine and covers the width of the page, in ie it seems to only cover the wrapper portion of the website rather than extend through the entire page. For my case, the svg text element is there on all browsers, in internet explorer all 3 texts are visible, in firefox and chrome any of the svg text elements are cut off if they are more than 1/4 to the right of the screen. Our images are always getting cut off when a zoom other than 100% is used. This little script will recursively search your current working directory for svg files, and remove the attributes for cross browser compatibility