[ERLEDIGT] Transparentes Base64 in CSS?

[Hallo-Welt]

Hallo,
Nach längerer Recherche fand ich einen base64-converter (https://www.motobit.com/util/base64/image-to-base64/), welcher auch Transparenz zulässt. Ich hab den Code dann kopiert und in die Stylesheet eingefügt nach folgendem Muster:

background-image:url(data:image/png;base64,.....................)
repeat
left center;

Das Problem: Sowohl Firefox als auch Chromium zeigen das Bild nicht an, obwohl Brackets beim mousehover über den base64-String die Vorschau richtig lädt, mitsamt Transparenz. Ich hab jetzt zwei Theorien: Zum einen akzeptieren die Browser keine Transparenz in base64 bzw. machen dann alles transparent so dass man gar nichts mehr sieht, oder aber gibt es irgendeine Grössenbeschränkung die ich überschritten habe. Trifft irgendetwas von beiden Theorien zu? Was könnte sonst das Problem sein, bzw. wie kann ich ansonsten das Bild einbinden, ohne es in einer externen Datei (oder externer URL) lagern zu müssen?

 

[Hallo-Welt]

Okay. Offensichtlich war das codesnippet falsch welches ich auch einfach nur copy-paste eingefügt hatte. So funktionniert es, hier mit kleinerem Beispielbild:

background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gMECww413jl3QAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAACdSURBVBjTddDRSgIBEIXhL5hECLddlA18/+cqwS4qTFMTDYy66CzsTQNzMWd+zmHmBk/Y44AjLv5qihka3Bc+8Io3bHAKeIcFevxUoDVWgcdgjy8YHJ/xiJfES+xnmFkl7h3buO8Cdphktylcc8ApbvuAFe2Ca43ESXoabZhrALq8oMEctwGbUXeFFkuc4zC++iG7tvKC77i3/4D9LwFUKeiiFCpQAAAAAElFTkSuQmCC);
background-repeat: repeat;