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

CSS background images won't load after form submit

本文关键字：表单提交 加载 背景图片 CSS      更新时间：2023-09-26

我有一个搜索表单，一旦提交，将在新页面上加载搜索查询的结果。但是，当您按下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还是预期的功能?谁能提出一个解决方案，不涉及在提交表单之前设置超时?

这里没有IE确认，但是你可以在第一页的开始预加载这些图像吗?例如，创建一组隐藏元素，在其CSS中设置这些背景图像。这样，你就可以加载图像了当你显示加载框时。虽然不知道这是否是唯一的问题，但您可以尝试看看它是否有效。

相关文章：