IE6 での背景画像キャッシュ

IE6 での背景画像キャッシュ

IE6 での CSS 背景画像のちらつきバグ (IE6 の背景画像キャッシュの問題)

IE6 は、背景画像 (ローカルではない) が使用されるたびに、その背景画像に対するリクエストを再送信します。ホバー効果がある場合でも、同じ背景画像が異なる位置にあるだけなので、IE6 はリクエストを再送信します。このイライラする問題を解決する必要があります。
IE にとって、filter:expression は非常に強力で、多くの機能を実現できます。しかし、効率を命とするプログラマーにとっては、その効率は満足できるものではありません。そのため、IE6 で背景画像のキャッシュを実現するために CSS 方式を使用する人もいますが、そのような人は Microsoft の力を賞賛するだけです。

コードをコピー
コードは次のとおりです。

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} もちろん、欠点としては、ページ全体の読み込み速度が遅くなる可能性があることです。

ほとんどの人は、実装に js メソッドを選択します。

コードをコピー
コードは次のとおりです。

<スクリプトタイプ='テキスト/javascript'>
document.execCommand("BackgroundImageCache", false, true);
</スクリプト>

デメリット: Firefox などのブラウザで実行するとエラーが発生します。

そのため、次のように jQuery が提供する判定方法を使用して、IE ブラウザであるかどうかを判断する必要があります。

コードをコピー
コードは次のとおりです。

<スクリプトタイプ='テキスト/javascript'>
($.browser.msie) の場合 {
document.execCommand("BackgroundImageCache", false, true);
}
</スクリプト>

さらに簡単な方法は、IE の条件付きコメントを使用することです。

コードをコピー
コードは次のとおりです。

<!--[IE 7 の場合]>
<script>document.execCommand("BackgroundImageCache",false,true);</script>
<![endif]-->

<<:  CSSブレンドモードとSVGを使用して、製品画像の色を動的に変更します。

>>:  IDEA を使用して Web プロジェクトを作成し、Tomcat に公開する方法

推薦する

Vue の長いリストをすばやく読み込む方法

目次背景メインコンテンツ1. コンポーネントの比較2. 実装のアイデア3. キーメソッドソースコード...

フロートをクリアするための CSS メソッドの概要

フロートはWebページのレイアウトでよく使用されますが、フローティングブロックレベル要素は標準のドキ...

表のセルの内容が超過した場合に省略記号効果を表示する(実装コード)

例示するフロントエンド開発では、セルの幅を制限し、コンテンツが制限を超える部分に省略記号を表示する必...

Web コンテンツ ページを作成するための 9 つの実用的なヒント

コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず...

bashコマンドの使い方の詳細な説明

Linux では、基本的に vi エディタのように「.sh」拡張子を持つテキストの処理と実行を記述す...

mysql ワイルドカード (sql 高度なフィルタリング)

目次まず、値の一部と一致させるために使用される特殊文字であるワイルドカードについて簡単に紹介します。...

JS配列重複排除の詳細

目次1 テストケース2 JS配列重複排除4種類2.1 要素の比較2.1.1 二重層 for ループ比...

CentOS 7.0 (mysql-5.7.21) で複数の MySQL インスタンスを起動する方法

設定手順Linux システム: CentOS-7.0 MySQL バージョン: 5.7.21 Lin...

Win10にnginxをインストールする方法

会社から、負荷を実装するためにnginxをベースにFordプロジェクトのWebServiceサーバー...

太陽系の惑星のアニメーション効果を実現するHTML+CSS3コード

太陽系の 8 つの惑星(衛星を除く)のアニメーションを作成します。すべての惑星は太陽の周りを回ってい...

grpc のリバース プロキシとして nginx を使用する場合の落とし穴の概要

背景ご存知のとおり、nginx は高性能な Web サーバーであり、負荷分散やリバース プロキシによ...

システム エラー 1067 のため、MySQL 5.6 解凍バージョン サービスを開始できません

今日午後ずっと私を悩ませたバグを記録する半月前から始めましょう。それから.................

CentOS7 デプロイメント Flask (Apache、mod_wsgi、Python36、venv)

1. Apacheをインストールする # yum インストール -y httpd httpd-de...

MySQL ログイン警告問題の解決策

1. はじめにMySQL にログインすると、次のような警告が表示されることがよくあります。警告: コ...

nginx の default_server 定義とマッチングルールの詳細な説明

nginx の default_server ディレクティブは、server_name と一致しない...