SVG in CSS backgrounds not showing up in Safari

Question

The following code doesn\'t work in Safari, and the image doesn\'t show up. This only happens in Safari, it works in all other browsers, I can\'t figure out why. Here is the

Answer 1

I fixed the issue by adding following code to .htaccess file.

    
    Header set Content-Type "image/svg+xml"
    

Reference :

• Above answer https://stackoverflow.com/a/22442942/1461060 was correct
• https://css-tricks.com/snippets/htaccess/serve-svg-correct-content-type/