javascript - CSS 背景图片在表单提交后不会加载

Question

我有一个搜索表单，一旦提交就会在新页面上加载搜索查询的结果。然而，当您按下提交时，在呈现下一页之前需要大约 10 秒左右的时间，所以我在用户等待下一页加载时显示一个加载框(通过 ExtJS)。

问题是在 IE9 中，使用背景图像的边框没有显示在加载框上。

我做了一些调查，我得出结论，出于某种原因，IE9 在提交表单后不会加载 CSS 中指定的任何图像(并且下一页已开始加载)。

如果我使用以下代码在提交表单之前将超时设置为 200 毫秒，一切都会正常加载。

function() {    
    Ext.MessageBox.wait('Searching for tenants eligible for rent increase...', 'Searching');
    setTimeout(function() { document.getElementById('rental_increase_form').submit(); }, 200);
    return false;
}

所以这是我的问题:

谁能确认IE9在下一个页面请求开始后不会在当前页面上加载CSS图像？这是错误还是预期的功能？任何人都可以提出一个不涉及在提交表单之前设置超时的解决方案吗？该解决方案似乎有点老套。

Answer 1

这里没有 IE 来确认，但是您可以在第一页的开头预加载这些图像吗？例如。制作一组在其 CSS 中设置这些背景图像的隐藏元素。这样，您将加载图像并显示加载框。虽然不知道这是否是唯一的问题，但您可以尝试看看它是否有效。