MrMurphy1: SVG mit externer CSS-Datei in HTML-Datei

Beitrag lesen

Hallo

Meine Frage richtet sich wahrscheinlich eher an SVG-Spezies:

SVG-Objekte lassen sich bekanntlich teilweise mit CSS formatieren. Die CSS-Eigenschaften können wie bei HTML in eine externe CSS-Datei ausgelagert werden.

Wenn die SVG-Datei direkt aufgerufen wird funktioniert das auch:

http://kurokami.bplaced.net/index.svg

Die externe CSS-Datei dazu:

http://kurokami.bplaced.net/index.css

Allerdings funktioniert das nicht, wenn die SVG-Datei mittels img-Element in eine HTML-Datei eingebunden wird. Dann wird die SVG-Datei unformatiert angezeigt:

http://kurokami.bplaced.net/index.html

Gibt es eine Lösung, wenn die SVG-Datei per img-Element in die HTML-Datei eingebunden werden soll und die externe CSS-Datei in die SVG-Datei eingebunden werden soll?

Es braucht nicht darauf eingegangen werden, dass SVG-Dateien auch anders in HTML-Dateien eingebunden werden können. Auch dass die CSS-Datei direkt in die HTML-Datei eingebunden werden kann. Das ist bekannt und Standard-SVG-Wissen, dass in jeder SVG-Anleitung verbreitet wird. Dass muss hier nicht wiederholt werden.

Die CSS-Formatierungen sollen aber möglichst in der oben beschriebenen Konstellation funktionieren.

Gruss

MrMurphy