Geeklog Hack

2009年7月 5日(日) 11:09

アルファチャネルPNGの表示

投稿者: maruyo. 2008年3月11日(火) 13:43

以前Geeklog実験室のIEでアルファチャネル透過PNGを正常に表示させる・・・その後のエントリーでアルファチャネルPNG画像を表示させる方法を紹介しましたが、もう一度おさらいです。

IE6以下で透過PNGを正しく表示させるスクリプトはいくつかありますが（IE7.jsやjQuery・iepngfixなど）Geeklogではこちらのpngfix.jsが採用されています。
IE7.jsはちょっと特別で、まだベータ版ですがPNG以外の部分についてもIE7のように振る舞わせてくれるスクリプトです（こちらについてはまた改めて・・・）が、それ以外はページを辿ってみると、どれも似たり寄ったりの名前なのでごっちゃになりそうですがpngfix.jsが採用されているのは特別IDやClassを記述することなく使えるからなんだと思います。

最近はカメレオン(テーマ)に元から含まれていて知らず知らずのうちに使っているかもしれません。カメレオンを使っていて画像が間延びするなどおかしな動作をする場合はpngfix.js中のscaleをimageかcropに変更しましょう。

また、問題点としてprototype.jsを使っている場合に競合することがあるようなのでその場合は読み込みを</body>の直前に入れると解決できるようです。

タグ： geeklog 画像 ie

記事のオプション
友達に記事をメールする印刷フォームページ

関連情報
IEでアルファチャ... IE7.js jQuery iepngfix pngfix.js prototype.jsを使っ同じ投稿者からの投稿： maruyo. 同じ話題： Geeklog

トラックバック

このエントリのトラックバックURL: http://geekloghack.com/trackback.php/alpha_channel_PNG

Comments

アルファチャネルPNGの表示 | 0 件のコメント | アカウント登録

コメントは投稿者の責任においてなされるものであり，サイト管理者は責任を負いません。

コメントの投稿

ユーザ名: [ アカウントを作る ]

タイトル:

メールアドレス:

ホームページ:

投稿方法:

コメント:

使用できるHTMLタグ: <a>, , <blockquote>, , <code>, <div>, , , <hr>, , <li>, <ol>, , <pre>, , <tt>, <ul>, [code], [story:], [staticpage:], [link:], [event:], [file:], [tag:]

注意事項: