我有一个像这样的 javascript“加载”函数:
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;
}
我在表单操作 (onsubmit="return splashScreen()"
) 中使用此函数来在下一页加载时显示“旋转 Logo ”...
问题在于“img/loading.gif”和 safari(在 winXP 上):在 ff 和 ie 中我没有问题,而且我清楚地看到动画 gif。在safari中我看不到它。
如果我用(显然是静态的)png 更改图像,图像就会出现......
难道我做错了什么? Safari 有什么问题?
最佳答案
Safari 不能很好地处理动画背景。我在某处看到过有关该问题的错误报告。
为什么不直接使用图像而不是背景?
关于javascript - 如何将 .gif 显示为背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2585744/