CSS背景图像不会在表单提交后加载

Question

我有一个搜索表单，一旦提交，就会在新页面上加载搜索查询的结果。然而，当您按submit键时，在呈现下一页之前大约需要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图像吗？这是一个bug还是预期的功能？有人能建议一种解决方案，而不是在提交表单之前设置超时？这个解决方案似乎有点老套。

Answer 1

不要在这里确认IE，但是你能在第一页开始的时候预加载这些图片吗？例如，制作一组隐藏元素，将这些背景图像设置在CSS中。这样，您将加载图像，并在显示加载框时。不知道这是否是唯一的问题，但你可以试着看看它是否有效。