5

ユーザーが接続を失った場合にオフライン状態を管理する Web アプリケーションを作成しました。このために、ユーザーに情報/エラー/... メッセージを表示して、オフライン状態について通知します。

私の問題は、ユーザーがすでに接続を失っているときに読み込まれるため、警告メッセージの一部のアイコンまたは画像が表示されないことです...画像は html ではなく CSS にあります:

.warning
{
background: #FFE680 url(../images/ico_warning.png) no-repeat 10px center / 18px;
}

ページ構築時に画像やアイコンをプリロードしてオフラインで使用するにはどうすればよいですか?

NB : ターゲット ユーザーが IE9 を使用しているため (html5 マニフェストはサポートされていません)、個人的な理由でスプライトを使用できないため、HTML5 オフライン機能 (マニフェスト) を使用できません...

ご協力いただきありがとうございます

4

2 に答える 2

2

わかりました、画像をオフラインでロードする方法を見つけました。どのような場合でも CSS は完全に読み込まれるため、画像を CSS に base64 文字列として配置すると、それを表示するための接続は必要ありません。

ここに例があります

.warning{
background: #FFE680 url('data:image/png;base64,iVBORw0KGgoAA_complete_base64_string_here...') no-repeat 10px center / 18px;
}
于 2013-10-02T09:00:19.077 に答える