如何在 iOS 上使用 SVG 片段标识符作为 CSS 背景图像？答案

【问题标题】：How to use SVG fragment identifier for CSS background image on iOS?如何在 iOS 上使用 SVG 片段标识符作为 CSS 背景图像？
【发布时间】：2017-01-11 13:33:18
【问题描述】：

我正在使用 SVG sprite 并在其中为 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。（这里有一个更短的网址，方便移动设备访问：goo.gl/P9xG4E）

是否可以让 iOS 使用这种方法？

== 更新 ==
在 Android 4.4.2 上，与 Firefox 和 Google Chrome 不同，内置的 Android 浏览器不支持该功能。

【问题讨论】：

标签： css svg background-image sprite fragment-identifier

【解决方案1】：

Can I Use 告诉我们 Safari（Mac 或 iOS）不支持此功能。

另请注意，直到 4.4.4 的 Android 浏览器不支持它，这仍然很常见，其他一些浏览器也有限制。

【讨论】：

感谢您提供的信息。看起来没有纯 CSS/SVG 方法可以让它工作。幸运的是，我找到了适合我的 a polyfill。

【解决方案2】：

我找到了a polyfill，它修复了 WebKit 浏览器的这个问题。它对我有用。

请检查其demonstration 的实施情况。

【讨论】：