SVG-Sprites in CSS

[Gunnar Bittersmann]

@@Felix Riesterer

1. Der data-URI benötigt eine Enkodierungsangabe (z.B. "base64" oder "US-ASCII"), gefolgt von einem Komma, nach dem die tatsächlichen Daten stehen.

Nein. [RFC 2397]

2. Ein URI benötigt maskierte Sonderzeichen. Wenn da "<?xml" steht, dann hat das Sonderzeichen eine besondere Bedeutung! Du möchtest also den kompletten SVG-Code durch eine Funktion jagen, wie PHPs rawdataurlencode oder JavaScripts encodeURIComponent.

RFC 2397 verlangt das wohl so. Besser gesagt RFC 2396, worin uric definiert wird (misbilligt in RFC 3986, aber das führt jetzt zu weit).

Für IE ist das wohl notwendig, wie auch Sara sagte (die andere Sara). Firefox und WebKits kommen auch mit nicht escapeten < und > klar.

Für Firefox muss allerdings # escapet werden, weil # einen fragment identifier einleitet. WebKits kommen auch mit nicht escapeten # klar.

LLAP 🖖