SVG mit externer CSS-Datei in HTML-Datei
bearbeitet von MrMurphy1Hallo
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](http://kurokami.bplaced.net/index.svg)
Die externe CSS-Datei dazu:
[http://kurokami.bplaced.net/index.css](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](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.
Die CSS-Formatierungen sollen aber möglichst in der oben beschriebenen Konstellation funktionieren.
Gruss
MrMurphy