« 2009年5月 | トップページ | 2009年8月 »

2009年7月

IEでjpgにfilter:alpha(opacity)を使用した場合のドット抜け

javascriptでスライドショーを使用するのに、xfade2.js というのを使用していたんですが、jpg画像でIEのみ、白くドット抜けのような現象が起こりました。

jpgだから透過になっているわけでもないし、元画像を確認しても何もないし。。。IEのみなのでjsのfilterかな?と調べていた所、どうやら特定色(#02050a)のみドット抜けするという記述を見つけました。

IE6/7でjpgにfilter:alpha(opacity)をあてたときに出るバグ?

これ、ほんとにそのとおりで、jpgの#02050a部分が透過jpgになってるんです!
IE6~8でこのバグを確認しました。

背景色に#02050aを指定することで、とりあえず回避しました。

解決法としては、

  1. #02050aをなくす
  2. pngにする

等があげられるそうです。

==================================

他にもこちらを参考にさせていただきました。

続・IEの「White Noise」バグ

LightBoxのバグ

« 2009年5月 | トップページ | 2009年8月 »