システム開発ブログ/ システムソリューション部　Yahoo!ブックマークに登録 Google ブックマーク はてなブックマーク Livedoorクリップ シェア

システム開発ブログ

Twitterでilovex_officialをフォローしてください

最近の記事

カテゴリー

部署

月別アーカイブ

以前の部署別ブログ

検索

IE6 Background Flicker

山岡
山岡 (2010年3月11日 13:24)
システムソリューション部 / システム開発事例
みなさん、こんにちは。

通常、ブラウザは画像を読み込むとローカルの一時フォルダにファイルを格納し、
次に同じ画像を読み込むときはその一時フォルダに格納されているファイルを
読み込んで表示します。
（いわゆるキャッシュと呼ばれるものです）

しかし、Internet Explorer 6(以下IE6)の場合、背景画像に限ってですが、
キャッシュを読み込まず、同じ画像でも毎回インターネットを介して
画像にアクセスしてしまうというバグが存在します。

このバグの影響で、他のブラウザでは問題なく表示されている画面が、
IE6で表示すると背景画像だけがなかなか表示されなかったり、
表示するたびに背景画像がチラつくといった現象が起こります。

このバグは通称、IE6 Background Flicker と呼ばれています。

回避策は、CSSを使う方法とJavaScriptを使う方法の大きく２つあります。
以下にそれぞれのコードを載せます。


■JavaScriptで回避する 
try {
  document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}

■CSS(スタイルシート)で回避する 
* html{
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

document.execCommandの記述がカギになります。
どちらも同じ効果ですが、JavaScriptを使ったほうが処理速度は速くなります。

「システム開発ブログ」へのコメントやご意見等ありましたら、 ファンページまでお願いします。  Facebook のファンページ

[PR]
他社のシステムも直します。資産を活かしてシステムリフォーム

システムのトラブル解決を承ります。すぐにシステムリフォームを体験できます
お問い合せ・情報はこちらの電話番号におかけください：03-3232-2525　お問合せ・資料請求はこちらをクリックしてください
ページのトップ
システム開発・一括受託開発。見積依頼受付中

システム開発専用サイト

システム開発の流れ・手順、実績など。アイロベックスのシステム開発を紹介。

VB .NETを主言語としたWebアプリケーションの開発

要件分析から保守まで、お客様の現場での問題解決だけでなく、IT経営の援護者としてトータルソリューションサービスを提供しています。

MovableType を使ったウェブサイト構築

魅力あるウェブサイトデザイン、構成はもとよりMovableTypeを使用したウェブサイトの作成、JAVA、CGIによる注文フォームの作成等、ビジネスを強力にサポートします。

フォルダーアクセス権限確認ツール『AD-Folder』

Windowsフォルダーアクセス権限確認ツール

フォルダーアクセス権限を一目で確認。使用版を無償でご利用いただけます。

スクール運営を応援する講座情報管理システム『CMS+AD for School』

Webとリアルをつなぐコンテンツマネージメントシステム

Webサイト・モバイルサイト・チラシ（PDF）・カタログ（InDesign）を、簡単かつ正確に作成できます。

「システム開発ブログ」の更新情報をTwitterで。

Twitter公式アカウントに認定されています

「システム開発ブログ」の更新情報をTwitterで。ぜひ、フォローをお願いします。