デザインを開発すると言う視点でお伝えするクリエイティブBLOG「DeisngDevelop」

透過PNGをIE6で表示させるjavascript「Unit PNG Fix」

GIF画像に変わるライセンス・フリーの画像形式として登場したPNGフォーマット。最大280兆色までカラーが扱え、圧縮率も優れていて、可逆圧縮形式を採用、W3C推奨となにかとメリットがあるPNG画像ですが、ブラウザへの対応が完璧ではなく、透過PNGにいたってはIE6でも正常に読めない状況です。

そこで今回紹介する「Unit PNG Fix」はそんな透過PNG画像をIE6で正常に表示してくれるjavascriptです。

詳しくは以下

設置方法は至ってシンプルで、設置は以下の一文をヘッダ部分に付加してください。

<script type="text/javascript" src="unitpngfix.js"></script>

また1×1の透明GIF画像（デフォルトのパスは「images/clear.gif」変更可）を合わせてアップロードする必要がありますが、あとは基本的にはHTMLファイルに外部スクリプトとしてJSを読み込ませてあげれば動作するようになっています。

IE6は未だに根強い人気で無視できないシェアを誇っていますので、IE6を懸念して透過PNGを避けてきたという方にはうってつけのJavascriptだと思います。

Unit PNG Fix

Related Articles:

Tags: ,
This entry was written by designdevelop and posted on 2008/7/12 土曜日 at 7:41:19 and filed under WEBデザイン. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.
add to hatena hatena.comment (35) add to del.icio.us (9) add to livedoor.clip (10) Total: 56

One Comment

  1. 明石の会社設立屋
    Posted 2009/8/29 土曜日 at 1:58:45 | Permalink

    これは勉強になります！！！趣味の世界ではなりますが、ＣＳＳとかＪＡＶＡが大好きなので！！！詳しく色んなところを見させていただきまーす！！！

3 Trackbacks

  1. By links for 2008-07-14 « 個人的な雑記 on 2008/7/15 火曜日 at 7:36:48

    [...] 透過PNGをIE6で表示させるjavascript「Unit PNG Fix」 | DesignDevelop (tags: programming javascript png IE) [...]

  2. By ITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」 on 2009/2/15 日曜日 at 8:04:46

    [...] Design Develop [...]

  3. By IE PNG Fix のメモ。 | Kechol on 2010/1/26 火曜日 at 23:38:57

    [...] 透過PNGをIE6で表示させるjavascript「Unit PNG Fix」 | DesignDevelop こちらの Unit PNG Fix はJSファイルと1 x 1のGIF画像で動作します。 [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*