jQueryのプラグイン「jquery.pngFix.js」は、ページ上で透過png（アルファ付きpng）を使いたいときのIE6対応のために使います。
しかし、これには幾つかバグがあり、万能ではありません。
IE6での表示例
IE7での表示例
背景にpngを使った場合に、枠に合わせて画像が拡大されるバグ
リスト背景にpngを使用するとリピートが効かなくなり、使用したオブジェクトのサイズに拡大されて表示してしまうバグがあります。
回避方法
- リスト背景にpngを使用しないデザインにする
- 背景に使うpngを枠のサイズに合わせるデザインにする
pngの上部に余計なマージンが追加されるバグ
ブロック要素を横に並べて表示させた場合、pngの上部に余計なマージンが追加されてしまうバグがあります。
これは、CSSの設定で、ブロック要素を横に並べて表示させるときに「display: inline」とすると発生します。
回避方法
- 「float: left」を使用するコーディングに変更する
2011/03/15 16:29