如何为 iOS 上的 CSS 背景图片使用 SVG 片段标识符?
How to use SVG fragment identifier for CSS background image on iOS?
我正在使用 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。 (这里有一个较短的 url,以便于移动设备访问:goo。gl/P9xG4E)
是否可以iOS使用此方法?
== 更新 ==
在 Android 4.4.2 上,与 Firefox 和 Google Chrome 不同,内置的 Android 浏览器可以不支持该功能。
Can I Use 告诉我们这在 Safari 上不受支持(Mac 或 iOS)。
另请注意,Android 4.4.4 及以下的浏览器不支持它,这仍然很常见,而其他一些浏览器有限制。
我发现 a polyfill 修复了 WebKit 浏览器的这个问题。它对我有用。
请检查其 demonstration 以进行实施。
我正在使用 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。 (这里有一个较短的 url,以便于移动设备访问:goo。gl/P9xG4E)
是否可以iOS使用此方法?
== 更新 ==
在 Android 4.4.2 上,与 Firefox 和 Google Chrome 不同,内置的 Android 浏览器可以不支持该功能。
Can I Use 告诉我们这在 Safari 上不受支持(Mac 或 iOS)。
另请注意,Android 4.4.4 及以下的浏览器不支持它,这仍然很常见,而其他一些浏览器有限制。
我发现 a polyfill 修复了 WebKit 浏览器的这个问题。它对我有用。
请检查其 demonstration 以进行实施。