ジェイクールの更新テクニック

【jQuery】イメージスライド等で発生 IEの画像ドット落ち対策

jQuery(JavaScript)によるスライドショーギャラリーを作成していたところ、IEでの閲覧時、一部の写真の黒っぽい部分にドット落ちの様な白い点が発生しました。

使用していた画像サイズが有る程度大きかったため初めはIEのJavaScript処理の不具合と思いましたが、リロードを行っても同じ部分に白い点が発生するため、画像自体に問題があるか別の固有の問題と判断。

調べてみると、特定の条件【JavaScriptで透過処理をかけているjpeg画像】において、画像内の#02050a(色)が抜け落ちるというIEのバグでした。

そのため、
■画像を置く部分の背景色に#02050Aを指定する
■png画像に変換する
■画像内の#02050Aを別の色に置き換える 等の対策が必要です。

因みにこの現象はIE6~IE8まで確認出来ました。