Transparente PNG- und GIF-Dateien im dark mode mit einem Hintergrund versehen
bearbeitet von
Salü zusammen
Ich habe mit der Seite
[https://wiki.selfhtml.org/wiki/Hilfe:SELFHTML-Logos#Archiv](https://wiki.selfhtml.org/wiki/Hilfe:SELFHTML-Logos#Archiv)
experimentiert und in Chrome im Inspector eine CSS-Anweisung hinzugefügt.
Damit man die Auswirkungen im Bildschirmfoto besser sieht, habe ich den zusätzlichen img background rot eingefärbt:
[](/images/25bf84ea-4826-11f0-96d9-9c6b003e9157.jpg)
Vorschlag: Im zentralen CSS folgende Anweisung ergänzen für alle Dateien, bei denen im Dateinamen irgendwo der Ausdruck «.png» oder «.gif» vorkommt, etwa so:
~~~
@media (prefers-color-scheme:dark) {
img[src*=".png"], img[src*=".gif"] {
background-color: white;
}
}
~~~
Bei PNG's und GIF's ohne Transparenz (2. Beispiel im Bildschirmfoto) hätte das keinen Effekt.