L’immagine dei dati SVG non funziona su Firefox

Sto impostando un SVG come background-image per uno pseudo elemento:

 content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: repeat-x; background-position: bottom; 

ma per qualche motivo non compare su Firefox. Non voglio usare una base dati-url. Non è affatto ansible in Firefox?

Il carattere # in un URL è riservato per indicare l’inizio di un identificatore di frammento .

È necessario che l’URL codifichi il contenuto dell’URL dei dati, ovvero la conversione di qualsiasi carattere hash nell’URL dei dati su% 23