Mea Culpa
bearbeitet von
Salü Rolf
Ja, auch ich bevorzuge die Verwendung von `img`.
Und einfach im SVG per CSS das svg-Element stylen für einen Hintergrund.
Hier eine Testseite:
[https://www.macsimum.ch/SELF
HTML/Test_SVG_mit_Hintergrund.html](_blank), sieht so aus:
[](/images/72112d20-479b-11f0-8b0d-9c6b003e9157.jpg)
Ups, grad' fällt mir noch auf: Eigentlich bräuchten wir das svg-Element nur für den light mode als hellen Hintergrund im SVG zu stylen für den doofen Safari rechts im Bild. Sobald die guten Browser das SVG korrekt in den dark mode umschalten, dürfte es dort auch transparent auf der dark mode Seite angezeigt werden. Sieht man in diesem Beispiel nicht, weil ich den Hintergrund der Seite für den dark mode gleich gefärbt habe.
Also `svg { background-color: hsl(202 16% 90%); }` im SVG drin. Ich habe mal das helle grau `--grey3` aus der [Farbpalette](https://wiki.selfhtml.org/wiki/Hilfe:Farbpalette) verwendet.
Mea Culpa
bearbeitet von
Salü Rolf
Ja, auch ich bevorzuge die Verwendung von `img`.
Und einfach im SVG per CSS das svg-Element stylen für einen Hintergrund.
Hier eine Testseite:
[https://www.macsimum.ch/SELF
HTML/Test_SVG_mit_Hintergrund.html](_blank), sieht so aus:
[](/images/72112d20-479b-11f0-8b0d-9c6b003e9157.jpg)
Ups, grad' fällt mir noch auf: Eigentlich bräuchten wir das svg-Element nur für den light mode als hellen Hintergrund im SVG zu stylen für den doofen Safari rechts im Bild. Sobald die guten Browser das SVG korrekt in den dark mode umschalten, dürfte es dort auch transparent auf der dark mode Seite angezeigt werden. Sieht man in diesem Beispiel nicht, weil ich den Hintergrund der Seite für den dark mode gleich gefärbt habe.