小粋空間  -  a cheap joke and a play on words site

Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する

デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2色で表示されてしまいます（下）。

ここでは pngfix.js を利用して透過する方法を紹介します。

• PNG in Windows IE: How To Use

他にも透過PNGライブラリは色々出回ってます。

• AlphaLoader - Public Amachang
• to-R：アルファ画像を扱うalphafilter.jsライブラリ
• ユンサンの／융상의／YungSang's：透過PNG と IE と IE7

１．スクリプトのダウンロード・アップロード

PNG in Windows IE: How To Use の中間辺りにある pngfix.js のリンクをクリックして、pngfix.js をダウンロード。
ダウンロードした pngfix.js をサーバのブログ・ディレクトリ（index.html があるディレクトリ）にアップロード。

２．テンプレート修正

ブログ管理ページより「デザイン」→「テンプレートモジュール」→「ヘッダ」を選択し、head 終了タグの直前に下記を追加。
MT3以前のテンプレート構成を利用している場合（で新しいロゴを使っている場合）は、各テンプレートの head 終了タグの前に下記を追加。

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="<$MTBlogURL$>pngfix.js"></script>
<![endif]-->

これで再構築をすれば下記のように透過されます。この設定は他の透過PNGにも有効です。