3 Replies Latest reply on Sep 3, 2015 8:41 AM by rosebudd

    Help! SVG logos rendering as background-size: 100%, 100% in IE

    rosebudd Level 3

      I have to create many files in Edge, that are all identical other than an SVG logo. Swapping images in Edge resulted in the new logo SVG not needing the height and width manually updated to reflect the different dimensions. I was ecstatic. Until I opened one of the published files in IE 11.

       

      The logos are being stretched both vertically and horizontally to fit the original SVGs div dimensions.

       

      background-position: 0px 0px; margin: 0px; left: 631px; top: 10px; width: 85px; height: 70px; right: auto; bottom: auto; position: absolute; opacity: 1; background-image: url("images/logo_*****_lg.svg"); background-repeat: no-repeat; background-size: 100% 100%; background-color: rgba(0, 0, 0, 0);

       

      Can anyone think of a work around?

       

      I am using Edge CC 2015.