2016-09-03 12 views
0

私はSVGスプライトを使用しており、CSSの背景イメージのためにその中にフラグメント識別子を参照しています。 CSSコードはbackground: url(sprite.svg#icon-1);のようになります。iOSのCSS背景イメージにSVGフラグメント識別子を使用するには?

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ブラウザはこの機能をサポートしていません。

答えて

1

私はa polyfillがWebKitブラウザのこの問題を修正しています。それは私のために働く。

demonstrationの実装を確認してください。

2

Can I Useは、Safari(MacまたはiOS)ではサポートされていないことを示しています。

4.4.4までのAndroidブラウザではサポートされていないことにも注意してください。これらはまだよく使用されており、その他のブラウザには制限があります。

+0

ありがとうございました。それが動作するように純粋なCSS/SVGの方法がないように見えます。幸いにも、私は[polyfill](https://github.com/preciousforever/SVG-Stacker/blob/master/fixsvgstack.jquery.js)が見つかりました。 –

関連する問題