我制作了一个Web应用程序,可以管理用户失去连接时的离线状态。为此,我向用户显示信息/错误/...消息,以通知其处于脱机状态。
我的问题是,在警告消息中,某些图标或图像由于在用户已经失去连接时加载,所以无法显示。这些图像在CSS中而不是在HTML中:
.warning
{
background: #FFE680 url(../images/ico_warning.png) no-repeat 10px center / 18px;
}
我该如何在页面构建时预加载图片/图标以便离线使用?
注:我无法使用HTML5离线功能(清单),因为我的目标用户使用的是IE9(不支持HTML5清单),并且出于个人原因我不能使用雪碧图...
谢谢您的帮助。