Embedded background svg doesn't display on Firefox if it has a “fill” attribute

Question

I\'m trying to use .svg embedded in .css as the background of a link. Here is the css rule:

background-image: url(\'data:image/svg+xml;utf8,

Answer 1

You should escape "#" character to "%23" because "#" is hash character in URL string.

http://jsfiddle.net/dmen16me/

url('data:image/svg+xml;utf8,');

But I think using base64 is better too.