Wie mit 'symbols:' innerhalb von @counter-style SVGs einbinden

[Rolf B]

Hallo MB,

Als Laihe gesprochen, nehme ich an, dass all das, was durch url() importiert wurde, unveränderbar ist. So gesehen, ist es nicht möglich, Die importierten SVGs weiter zu stylen (habe ich versucht).

Da hast Du recht. Auch als Laie. Ein Inline-Image über url(#id) anzusprechen ist nach allem, was man so findet, nicht möglich. Und das Image-Dokument, das den Hintergrund eines Elements bildet, kann man nicht per CSS erreichen.

Um ein Inline-Image zum Hintergrund zu machen, gibt es zwei Kandidatentechniken. Eine ist die Spezifikation für "Media Fragment URL", aber diese Technik ist wohl vor allem dazu gedacht, aus einem Video eine bestimmte Zeitstrecke zu laden oder aus einem Bild einen bestimmten Ausschnitt zu wählen. Und nicht, um aus dem DOM ein Bild mit einer bestimmten ID herauszulutschen.

Die andere Technik ist CSS Images Level 4 mit der element()-Funktion. Die hat aber nur der Firefox implementiert, und zwar als -moz-element(). Damit verwendest Du tatsächlich ein HTML Fragment als Hintergrundbild, und zwar live. Maggelst Du am referenzierten Element, wird der Hintergrund sofort aktualisiert. Das geht sogar so weit, dass Du da ein input-Element reinsetzen kannst und während du tippst, wird der Hintergrund aktualisiert. Damit kann man lustige Dinge tun

Rolf