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

Question

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

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

我已经做了一些挖掘，并且我得出结论，由于某种原因，IE9将不会在表单提交后加载CSS中指定的任何图像（并且下一页已经开始加载）。 / p>

如果我在提交表单之前使用以下代码设置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中设置这些背景图像。这样，您将加载图像并显示加载框。不过，不知道这是否是唯一的问题，但你可以试着看看它是否有效。