透過PNGにシャギー（ギザギザ）ができるバグを解決

ギャラリーを作成中、妙な現象に出くわしました。

ギャラリーは、写真の上にマウスを乗せるとボタンが出てくる仕組みになっています。で、そのボタンは透過PNGでできています。

このPNGボタンが、どういうわけかIE6でのみシャギーがかっているというか、丸いボタンのふちがギザギザになってしまいました。
もちろん幅と高さを指定していないというケアレスミスなどではありません。親階層が不透明度90％なのでなんらかのバグは出てくるかもと予想していたんですが、みごとにそのとおりになってしまいました。原因が不透明度の設定によるものかは確定できませんが、通常の状態では見たことがないので可能性は強いと思っています（Flashの上でもなる可能性があるようです）。

この解決方法は結構簡単に見つけることができました。
というのは、昔Flashで似たようなバグに遭遇したことがあったからです。最近Flashはご無沙汰なので今のバージョンのFlash Playerでもこのバグがあるのかわかりませんが、swfを書き出して再生するとビットマップ画像が1pxとか微妙にすれたりすることがありました。この場合、位置を変えたり大きさを変えたりすることで解消できたはずです。というわけで、スライスを若干大きく切り取ってみました。

。。。

うまくできました！

IE6の場合、幅や高さを指定しないときちんと描画されないということもあるし、どうやらちゃんと画像の大きさを認識できていないということが根本にあると思いますね。

Flashの経験がこんなところで役に立つとは思いませんでしたー。

| 2009年02月13日 11:47 | Resist IE | コメント＆トラックバック（0）