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 に公開する方法

推薦する

React 国際化 react-i18next の詳細な説明

導入react-i18next は、 i18nextをベースにした強力な国際化フレームワークです。 ...

ショッピングカートのスライド削除効果を実装するReactネイティブサンプルコード

基本的にすべてのeコマースプロジェクトにはショッピングカートの機能があります。これはreact-na...

MySQL遅延レプリケーションライブラリ方式の詳細な説明

簡単に言えば、遅延レプリケーションとは、スレーブ データベースがマスター データベースより 1 時間...

MySQLデータの挿入、更新、削除の詳細

目次1. 挿入2. 更新3. 削除1. 挿入 顧客に挿入( 顧客.顧客住所、 顧客.cust_cit...

TypeScriptのインデックスシグネチャの理解に関する簡単な説明

目次1. インデックス署名とは何ですか? 2. インデックス署名構文3. インデックス署名に関する注...

6つのレイアウトでのFrameLayoutの使用

序文前回はLinearLayoutについて説明しました。今回はFrameLayoutの使い方を説明し...

MySQL の左結合操作における on 条件と where 条件の違いの紹介

優先度両方のケースで同じ条件を設定すると、異なる結果セットが生成される可能性があるのは、優先順位のた...

Linux システムで .sh ファイルを実行する方法

Linux システムで .sh ファイルを実行する方法は 2 つあります。たとえば、ルート ディレク...

Linux の crontab タスク スケジューリングの簡単な分析

1. スケジュールタスクを作成する命令crontab -eは現在のユーザーの編集インターフェースに入...

Node.js ファイルのコピー、フォルダの作成、その他の関連操作

NodeJS は次のファイルをコピーします:通常、小さなファイルのコピー操作では、ストリーム パイプ...

Centos7 MySQL データベースのインストールと設定のチュートリアル

1. システム環境yum updateアップグレード後のシステムバージョンは[root@yl-web...

JavaScriptクロージャの原理と機能の詳細な説明

目次導入クロージャの使用カレー作りパブリック変数の実装キャッシュカプセル化(属性のプライベート化)閉...

Win2008 R2 mysql 5.5 zip 形式 mysql のインストールと設定

Win2008 R2 zip形式のMySQLのインストールと設定1. Baidu MySQL 5.6...

Docker-compose インストール db2 データベース操作

db2 データベースをホストマシンに直接インストールするのは面倒で、ユーザーや権限を巻き込むのも不便...

Vue2 と Vue3 でウォッチ リスナーを使用する方法

watch : データの変更を監視する(特定の値の変更イベント) vue2.x データ(){ 戻る ...