Изображение SVG не работает в Firefox

Я устанавливаю SVG в качестве background-image для псевдоэлемента:

 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; 

но по какой-то причине он не появляется в Firefox. Я не хочу использовать base64-url. Разве это вообще не возможно в Firefox?

Символ # в URL-адресе зарезервирован для указания начала идентификатора fragmentа .

Вы должны URL-кодировать содержимое URL-адресов данных, что означает преобразование любых хеш-символов в URL-адрес данных в% 23

  • Drawable-hdpi, Drawable-mdpi, Drawable-ldpi Android
  • Как вы можете скрыть информацию внутри jpg или gif фото?
  • Android сохранить просмотр в jpg или png
  • Поворот изображения canvasа HTML5
  • Образцы изображений Android с URL-адреса
  • Как установить размер для локального изображения с помощью knitr для уценки?
  • Android canvas: рисовать прозрачный круг на изображении
  • Загрузка / просмотр изображений в MVC 4
  • Android: загружено изображение Picasso. как показать сообщение об ошибке
  • Можно ли отображать встроенные изображения из html в Android TextView?
  • Как кодировать серию изображений в H264 с использованием API x264 C?
  • Давайте будем гением компьютера.