IE11 using svg as background-image fails

Question

I\'m facing a weird problem with Internet Explorer 11 running on Windows 10 machine. Using an SVG image as background thats appears totally black, Edge with the same code wo

Answer 1

If, like me, you have inline SVG in your background

(e.g. )

You will want to make sure your encoding is charset=utf8 (e.g. url(data:image/svg+xml;charset=utf8,)

Also ensure that reserved URL characters are encoded (e.g. < === %3C and > === %3E) and you use single quotes ' around attributes.