Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する
デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2色で表示されてしまいます（下）。
ここでは pngfix.js を利用して透過する方法を紹介します。
他にも透過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にも有効です。
- リターン（Enterキー）でフォームを送信しない方法
- onsubmitイベントと「return false」を組み合わせてsubmitを中断する方法
- JavaScriptで現在日時を取得する
- FirefoxやChromeでブラウザのウインドウサイズを変更するブックマークレット
- フォームから別ウィンドウを開く方法のまとめ
- jQuery ベースのドロップダウンメニュー「Superfish」（縦メニュー）
- jQuery ベースのドロップダウンメニュー「Superfish」
- Accordion で特定のメニューをデフォルト表示する
- 「JavaScript で文字をトリミングする（改善版）」バージョンアップ
- dtree のサブカテゴリーリストにブログ記事タイトルを表示する for Movable Type
- Parallax Backgrounds で背景画像のスクロール速度を変える
- prototype.js と pngfix.js の競合を解消する
- JavaScript の for 文のパフォーマンスを改善する
- Google マップの貼り付け用 HTML を valid にする
- ツリー表示 JavaScript 「dTree」詳解
- dTree によるサブカテゴリーリスト for Movable Type
- HighSlide JS と prototype.js の競合を解消する
- HighSlide JS の onclick 属性を JavaScript で登録する
- Slider によるフォントサイズ変更でアクセシビリティを向上させる
- コメント投稿時にフォームボタンをグレーアウトする for Movable Type
≫ フクロウを飼い始めました/IEのmarginのバグと、サポートしてない透過pngに苦労した話。 from ただてとてとと歩きだす
フクロウを飼い始めた。といっても現実の世界で、ではなくBlogで。大宮ぺいとりおっつ日報さんのところで紹介されていたページで見つけたRSSアイコン（フクロ... [続きを読む]
このカスタマイズと
BlogPeople 等のリンクリストによる表示の遅延を解消する（その2：Ajax編）
を同時に行うと、PNG透過できないようなのですが、同時に使用することはできないのでしょうか？
もし、方法がありましたら教えていただきたいと思います。
＞虎！さん
こんばんは。
事後報告ですが、「prototype.js と pngfix.js の競合を解消する」に回答を記しました。
