OVAL OFFICE

Internet Explorer 6（IE6）はPNG画像の透明な部分が白くなって今います。これはIE6のバグ？なのでどうしようもないなぁと思っていたのですが、先日AntaresさんからJavascriptで透過できるとの話を聞き挑戦してみることにしました。ぜんぜん知らなかったのですが、たくさんのJavascriptがあるんですねぇ～。ビックリしました。

最近公表された「DD_belatedPNG.js」というのが良さそうなので使ってみましたが、どうしても他の場所がおかしくなるのです。かなり悪戦苦闘しましたが断念。でも何とかしたい。IE6でこのブログを見てくださる方が１割弱いるのです。いろいろ試したところ、ピッタリしたのは「IE PNG FIX v2.0 Alpha」でした。やっと見つけることができました。

IETester－IE6でみるとPNGが透過されません。

自分のためにもメモしておきます。

まずプログラムのダウンロードです。　→　IE PNG Fix 2.0 Alpha 4

解凍するといろいろなファイルがありますが、使うのは「blank.gif」「iepngfix.htc」「iepingfix_tilebg.js」の3つです。

サーバーへアップロードするまえに修正箇所があります。
「iepngfix.htc」を開いて19行目を修正します。

// * An absolute path like:  '/images/blank.gif'
// * A path relative to this HTC file like:  thisFolder + 'blank.gif'
var thisFolder = document.URL.replace(/(\\|\/)[^\\\/]*$/, '/');
IEPNGFix.blankImg = 'http://ovaloffice.jp/wp-content/images/body/blank.gif';

「blank.gif」への絶対パスを記入してください。

これらのファイルをサーバーへアップロードします。

～の中に次の記述をします。
（パスはご自身の環境にあわせてください。）

<!--[if lte IE 6]>
<script type=”text/javascript” src=”<?php bloginfo('url'); ?>/wp-content/themes/js/iepngfix_tilebg.js"></script>
<style type="text/css">
    img, div { behavior: url(<?php bloginfo('url'); ?>/wp-content/themes/images/body/iepngfix.htc) }
</style>
<![endif]-->

これで完成です。

このように透明部分が白かったものが

見事透過されています。他には影響は無いようです。