カテゴリー
Tips

jquery.pngFix.jsのバグ

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