IE6でpng画像を~。

ちょっと仕事で使ったので、メモ。IE6でpng画像...特に透過画像を使いたいと...

ちょっと仕事で使ったので、メモ。
IE6でpng画像...特に透過画像を使いたいとなったとき、いろんな方法があるけど、
なかでも簡単に使えそうなのが、IE7.js
googleCodeから利用可能。

詳しくは、以下から。
http://code.google.com/p/ie7-js/

こちら導入の仕方はピカイチ。なんだけど、ちょっと使いづらいことがわかった。
何が使いにくいかというと、背景に透過pngを置くとき。

pngデータを
hogehoge-trans.png
というファイル名で保存をしたあと、背景に使ってみると・・・

左上に配置されてしまいます。
しかもそこにポツンと。。。

つまり、IE7.jsで背景画像をpng画像で置くときには、次の制限がでます。

背景のリピートができない
背景に置いた画像の移動(background-positionの設定)ができない

ということで、利用には要注意。

この記事の周辺情報

著者

稲本[せぶん]浩介
福岡の企業に在籍し、Webを中心に活動中。Webディレクター、IA(インフォメーション アーキテクト)、マークアップエンジニア、CSSコーダーetc。
Twitterボタン

amazonさんがこのサイトを見て、書籍を紹介してくれています。