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を指定することで、とりあえず回避しました。
解決法としては、
- #02050aをなくす
- pngにする
等があげられるそうです。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
他にもこちらを参考にさせていただきました。
« 高さの異なるカラムを揃えるスタイルシート | トップページ | auで画像に文字を回り込ませる場合 »
「css」カテゴリの記事
- IEでsvgの一部が表示されない場合(2017.04.10)
- table tr のborder(2017.01.12)
- dl,dt,ddの擬似テーブルで3pxのずれを直す方法(2010.04.20)
- 横並びにしたリストを中央揃えにする(2009.10.16)
「js」カテゴリの記事
- slickのスライドをランダム表示(2021.01.12)
- slickを動作させない(2016.11.14)
- bxsliderのオプションをブラウザの画面幅で変更する(2016.11.11)
- bxSliderのコントロール類をクリックするとスライドが停止してしまうので自動的に再開させる(2014.07.29)
- ツイートボタンがIEでエラーになる場合の対処法(2012.03.08)
コメント