base64 codiertes animiertes gif als CSS-Hintergrund?
Ich habe ein animiertes Gif in mein CSS als solches codiert:
%Vor%Dieses animierte Gif ist so codiert, dass es nur einmal abgespielt werden kann.
Wenn dieses animierte gif jedoch einmal als Hintergrund für ein Element abgespielt wird, wird es nie wieder abgespielt. Verwenden Sie
%Vor%Hat keine Wirkung - wir beginnen mit dem letzten Bild des Gifs. Irgendwelche Ideen, wie man dieses Spiel von Anfang an jedes Mal macht, wenn der Kurs hinzugefügt wird?
Leider schlägt eine andere Antwort vor, das gif vom Server neu zu laden Random URL-Parameter. Leider wird dies für meinen Fall nicht funktionieren, da ich das Bild in das CSS selbst kodiere. Können Sie base64-Daten einen zufälligen Datumsstempel hinzufügen?
2 Antworten
Schön, dass der Trend zum Einbetten von base64 -kodierten Laden von GIFs aufhört!
Zurück zu dem vorliegenden Problem, es gibt einen ziemlich häufigen Tippfehler in Ihrer Hintergrunderklärung, hat das für Sie behoben. Folgendes:
base64,R0lGODlhEAAQAOMAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkv/////////////////////...
hätte stattdessen
sein sollen base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwE...
Aber im Ernst, Sie haben wahrscheinlich gerade eine beschädigte Datei verschlüsselt (nicht unmöglich, wenn Sie ein Online-Kodierungswerkzeug benutzten).
Um das Problem zu beheben, habe ich zuerst die Datei heruntergeladen, die Sie eingebettet haben ( Rechtsklick & gt; Hintergrundbild ansehen & rechts; & gt; Speichern unter ... in Firefox). Dieses Bild konnte auch nicht richtig dargestellt werden: 
Lustig genug, es sah in der Finder-Dateivorschau gut aus, als ich es auf SO imgur hochgeladen habe. Gebrochener Index? Datei-Upload wurde zu früh beendet? Ich weiß nicht genug über technische Details des GIF-Formats, um Einblicke zu bieten, die über Spekulation hinausgehen, aber ich habe die feste Datei kodiert.
Hinweis: Sie müssen keine Anführungszeichen in url()
Tags und Links jquery css animated-gif