Как отобразить .gif как фоновое изображение? ⇐ CSS

[Anonymous]

У меня есть функция JavaScript "загрузка", как это: < /p>

Код: Выделить всё

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;
}
< /code>

Я использую эту функцию в действии формы (onsubmit="return splashScreen()"

), чтобы показать «вращающийся логотип», в то время как загрузка следующей страницы ...
Проблема заключается в том, что «img/load.gif» и Safari (на Winxp): в FF и IE у меня нет проблем, и я ясно вижу анимированный GIF. В Safari я не вижу его.
Если я изменю изображение с (очевидно статическим) PNG, изображение появляется ...
Я делаю что -то не так? В чем проблема с сафари?

Подробнее здесь: https://stackoverflow.com/questions/258 ... ound-image