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

推薦する

一般的なMysql DDL操作の概要

図書館管理ライブラリを作成する データベースを作成します [存在しない場合] ライブラリ名;ライブラ...

シンプルな商品スクリーニング機能を実現するjs

この記事の例では、商品スクリーニング機能を実装するためのjsの具体的なコードを参考までに共有していま...

MySQLデータ損失の原因と解決策

目次序文問題の説明原因分析拡大する総括する序文最近、データの欠落やデータの損失に関するフィードバック...

MySQLの日次統計レポートでは、その日にデータがない場合には0が入力されます。

1. 問題の再現:各日の合計数を日ごとにカウントします。データのない日がある場合、グループ化によっ...

Linux システムでの Selenium クローラー プログラムの導入の概要

目次序文1. セレンとは何ですか? 2. 使用手順1. ライブラリをインポートする2. テストコード...

mysql 5.7.19 最新バイナリインストール

まず、公式ウェブサイト http://dev.mysql.com/downloads/mysql/ ...

HTMLの基本構造を包括的に理解する

HTML入門ハイパーテキスト マークアップ言語: ハイパーテキスト マークアップ言語ハイパーテキスト...

7つの便利なTypeScriptの新機能

目次1. オプションの連鎖2. NULL値の結合3. 再帰型エイリアス4. アサーション署名5. P...

CentOS 7.4 で MySQL 5.7.28 バイナリモードをインストールする方法

Linuxシステムバージョン: CentOS7.4 MySQL バージョン: 5.7.28 Linu...

MySQL Innodbの主な機能挿入バッファ

目次挿入バッファとは何ですか?挿入バッファのトリガー条件は何ですか?なぜ一意のインデックスにできない...

仮想マシンの複製に関するVirtual Boxチュートリアル図

VMに慣れた後、BOXに切り替えるのは少し異なります。たとえば、コピーネットワークカードを2枚使って...

JavaScript 文字列の一般的なメソッドの詳細な説明

目次1. キャラクター文法パラメータ索引戻り値2. 連結文法パラメータ文字列2 [, …文字列N]戻...

誰もが知っておくべきウェブサイトのユーザビリティに関する 10 のヒント

これ以上時間を無駄にせず、早速本題に入りましょう。 1. ロゴに代替テキストを追加するこれには 2 ...

jQueryは記事の折りたたみと展開の機能を実装します

この記事の例では、記事の折りたたみと展開の機能を実現するためのjQueryの具体的なコードを参考まで...

ブラウザ内でHTMLタグを中央に配置するCSSスタイル

CSS スタイル:コードをコピーコードは次のとおりです。 <スタイル タイプ="te...