Exported SVG files don't work correctly in Internet Explorer 11
If a SVG file exported from Illustrator is set as a background-image in IE11, the image will be centered in its container, and that can't be changed with background-position: left or right.
Fortunately the solution is simple. Just have Illustrator include width and height in the <svg> tag, like this:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78 112" width="78" height="112">
1
vote
Bryan Evans
shared this idea
-
Dirk Schulze
commented
Turn off "Responsive" option in the SVG Save as/Export as options and the width and height attributes will be added to the SVG file.