Как использовать идентификатор фрагмента SVG для фонового изображения CSS на iOS?

Question

Я использую SVG-спрайт и ссылаюсь на идентификаторы фрагментов в нем для фонового изображения CSS. Код CSS выглядит так: background: url(sprite.svg#icon-1);.

Работает на Firefox/Win7, Google Chrome/Win7, IE11/Win7, IE10/Win8, Firefox/Android 4.4.2 и Google Chrome/Android 4.4.2. Однако он не работает на iOS 9.3.4.

Here is a demonstration on Plunker. (И вот более короткий URL-адрес для облегчения доступа для мобильных устройств: goo.gl/P9xG4E)

Возможно ли, чтобы iOS работал с этим методом?

== Обновление ==
В Android 4.4.2, в отличие от Firefox и Google Chrome, встроенный браузер для Android не поддерживает эту функцию.

Answer 1

Я нашел a polyfill, который исправляет проблему браузера WebKit. И это работает для меня.

Пожалуйста, проверьте его demonstration для реализации.

Answer 2

Can I Use сообщает, что это не поддерживается Safari (Mac или iOS).

Также обратите внимание, что он не поддерживается в Android-браузере до 4.4.4, которые по-прежнему довольно распространены, а некоторые другие браузеры имеют ограничения.