Hintergrundbild mit CSS funktioniert nicht, wenn die Bildquelle auf mozilla base64

Question

ich einen Stil Klasse wie folgt definiert:

.img-info32, .img-confirm32 ,.img-error32, .img-warning32{ 
    background: url('images/info32.png') no-repeat center center; 
    height:32px; 
    width:32px; 
} 

dann habe ich ein Bild mit der Quelle ein base64 Bild wie folgt aus:

 <img src="data:image/png;base64,........." class="infoLarge img-confirm32" alt="Informations"> 

Beim Testen mit Chrom wird das Hintergrundbild gut angewendet, während in Mozilla das Base64-Bild anstelle des mit der CSS-Klasse angegebenen Hintergrunds angezeigt wird. Warum das ? Und wo verhalte ich mich falsch?

Answer 1

Bekam es zu arbeiten. Mein base64-Bild ist eine PNG-Datei. Wenn ich es in ein gif ändere, wird mein Hintergrund korrekt angewendet. Ich weiß nicht, warum GIF und PNG einen Unterschied machen, aber das ist der Fall.