denzi-soul.blog

古いIEでも透過pngが使える「iepngfix」

以前「背景で透過pngを使えない～！助けてー！」と泣きを入れたところ、たくさんの親切な方から色々教えていただきました。ありがとうございます！

以下でユンサンさんが公開しているjavascriptが、設置が簡単だったので紹介。
iepngfix.jsのダウンロードも下記サイトから可能。

<!--[if IE]>

<script type="text/javascript" src="iepngfix.js" charset="utf-8">
</script>
<style type="text/css">
.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }
</style>

<![endif]-->

ユンサンの／융상의／YungSang's: 透過PNG と IE と IE7　まとめ

で、上記方法を使用させていただいて、IE6でも背景に透過pngを使えるようになったのだけど・・・
画像の幅・高さをちゃんと指定しているのに、なぜか画像が横に若干（3pxくらい？）間延びするのです・・・気にしなければいいじゃん？ってくらいの細かい間延びですが・・・
ちなみに"画像の幅・高さをちゃんと指定"とは、html部分で透過pngを使いたいところをspanで括り、css部分でspanに画像の幅・高さを指定しました。

間延びの問題が解決しないのと、movabletypeのhtmlが複雑で上手くspanを指定できない（我ながら書いていて情けない）ので、現在も透過作業は放置状態です・・・

普通のpng画像（htmlでimgで設置する画像）の透過については、
透過pngをIE6で使う方法いろいろとjQueryプラグイン - Emotional Web
で紹介されていた方法を使用させていただいてます。
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker の方法でも透過されますが、jQueryに興味があったので・・・

トラックバック(0)