SVG DataURI in CSS not working in Firefox

Question

body {
  background: url(\"data:image/svg+xml;utf8,

Answer 1

Firefox doesn't like the # in your data URL. Replace all the hashes with %23.

body {
  background: url("data:image/svg+xml;utf8,") 50% 50% repeat transparent;
}