今更だが、IE6?7で透過pngを使えるようにするjavascriptライブラリ「DD_belatedPNG」
2012/05/18
本当に今更感がある内容ですが、わざわざ対応しないといけない事案にぶつかったので、忘備録としてポストです。
javascriptのライブラリで有名なのは iepngfix ですが、背景に使えないなどの不都合があるので、今回は DD_belatedPNG を使用します。
配布サイトはこちら。
DD_belatedPNG: Medicine for your IE6/PNG headache!
IE6でも、背景画像として透過pngが使えるようになる、javascriptライブラリです。
使い方は至極簡単。
- 他のライブラリと同様に、<head></head> 内で読み込む。
- DD_belatedPNG.fix() の引数に、対象のCSSセレクタを指定する
以上です。
具体的には、以下のように指定します。
|
1 2 |
<script type="text/javascript" src="DD_belatedPNG_0.0.8a.js"></script> <script type="text/javascript">DD_belatedPNG.fix('.png_bg');</script> |
２行目の ('.png_bg') 部分を、自分の環境に合わせて変更します。
例えば、id指定の場合は ('#container') とか ('#header') とかいった具合。
以上です。