Wie zeige ich ein GIF als Hintergrundbild an? ⇐ HTML

[Guest]

Ich habe eine Javascript-Ladefunktion wie diese:

Code: Select all

function splashScreen() {
var div = document.createElement('div');
div.appendChild(document.createTextNode("some text"));
div.style.position = "fixed";
div.style.width = "100%";
div.style.height = "100%";
div.style.left = "0";
div.style.top = "0";
div.style.zIndex = "1000";
div.style.background = "white url('img/ajax-loader.gif') no-repeat center";
div.style.fontSize = "x-large";
div.style.textAlign = "center";
div.style.lineHeight = "3em";
div.style.opacity = "0.75";
div.style.filter = "alpha(opacity=75)"; // fix ie
document.body.appendChild(div);
return true;
}

Ich verwende diese Funktion in der Formularaktion (

Code: Select all

onsubmit="return splashScreen()"

), um ein „rotierendes Logo“ anzuzeigen, während die nächste Seite geladen wird...
Das Problem liegt darin, dass „img/loading.gif“ und Safari (auf WinXP): in ff und ie ich keine habe Probleme, und ich sehe deutlich das animierte GIF. In Safari kann ich es nicht sehen.
Wenn ich das Bild mit einem (offensichtlich statischen) PNG ändere, erscheint das Bild...
Mache ich etwas falsch? Was ist das Problem mit Safari?