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

推薦する

Linux で JDK をインストールして環境変数を設定する方法 (この記事で十分です)

目次1. Linuxのビット数を確認する2. JDKをダウンロードする3. JDKをインストールする...

実用的な基本的な Linux sed コマンドのサンプルコード

Linux ストリーム エディターは、データ センターでスクリプトを実行するのに便利な方法です。これ...

CSSを使用して円形の波効果を実現する

モバイル デバイスでは、金額を表示するために円形の波グラフィックがよく使用されます。最初は、この効果...

MySQLデータベースインデックスの欠点と適切な使用

目次インデックスの適切な使用1. 通常のインデックスのデメリット2. 主キーインデックスの落とし穴3...

MySQL SELECT実行順序の簡単な理解

SELECT ステートメントの完全な構文は次のとおりです。 (7)選択 (8) DISTINCT ...

Linux ユーザー グループと権限の概要

ユーザーグループLinux では、すべてのユーザーはグループに属する必要があり、Linux には次の...

MySQLデータのバックアップ方法の選択と考え方

目次1. rsync、cpでファイルをコピーする2. xxxをoutfile構文に選択する3. 遅延...

HTML でのアンカーポイントの使用_PowerNode Java アカデミー

ここで、アンカー ポイントを制御するいくつかの状況をまとめてみましょう。 1. 同じページ <...

CentOS 8にJenkinsをインストールする方法

CentOS 8 に Jenkins をインストールするには、root アカウントまたは sudo ...

Vueはユーザー名が使用可能かどうかの検証を実装します

この記事では、ユーザー名が使用可能かどうかを確認するためのVueの具体的なコードを例として紹介します...

Redmine の Docker インストール手順

イメージをダウンロードします(オプションの手順です。省略した場合は、手順 3 と 4 で自動的にイン...

WeChat アプレット uniapp は左スワイプによる削除効果を実現します (完全なコード)

WeChatアプレットuniappは左スワイプで削除効果を実現成果を達成する1. スワイプしてリス...

Tomcat が非同期サーブレットを実装する方法の詳細な説明

序文これまでの Tomcat シリーズの記事を通じて、私のブログを読んでいる学生は Tomcat に...

CSS で雨滴アニメーション効果を実装するサンプルコード

ガラス窓今日実現するのは雨滴効果です。ただし、雨滴効果を実現する前に、まずは曇りガラス効果を作成しま...

Vue+SpringBoot+Shiroのクロスドメイン問題を解決する

目次1. Vueフロントエンドを構成する1. クロスドメイン構成を開発する2. 本番環境のクロスドメ...