javascript - chrome 不渲染 gif 背景图片

Question

当前运行的是 chrome 14，它无法在我的登录页面上呈现旋转的 gif 图形。

这是在 chrome 中显示的页面:

这是它在所有其他浏览器上的样子:

重现:

http://trunk.test.openmile.com/login/#null

输入有效的电子邮件和密码并点击“登录”，然后当出现黑色进度指示器时，点击停止，这样浏览器就不会给您一个登录错误的机会。

请注意，chrome 中不显示背景。有趣的是，如果您检查该元素，并在背景图像位置添加 1px，图像将变得可见。

我闻起来像 chrome 错误，但有解决方法吗？

编辑: 另一件非常奇怪的事情是:如果我在显示此处理 div 的函数末尾放置一个 alert，在 alert 之后，背景图像变得可见。

Answer 1

我可以重现您的问题，但如果我在控制台中手动触发弹出窗口，我会看到微调器:

> OM.processing($('div.portlet.login form'));

所以这是我的猜测 - 您的微调器尚未预加载，并且您在等待 AJAX 请求时正在打开窗口。无论出于何种原因，其他浏览器将在 AJAX 请求未决时加载图像，但 Chrome 不会。为了测试这一点，我在控制台中尝试了这个:

> var img = $('<img src="http://trunk.test.openmile.com/static/9753/images/processing_black.gif">');

然后尝试正常登录 - 我看到了微调器。

所以我认为如果您预加载您的微调图像，也许使用上面的代码，它应该可以正常工作。