ホームページ制作まん

iepngfix.htcのオサライ

user-pic

いまさらですが、オサライ。

IE7からアルファチャンネルを含むPNG表示が出来るようになったけど、
IE6.x以前は対応していません。

簡単に表示できるようにしてくれるのが、iepngfix.htc。

タグ、またはエレメントの背景画像にxxx.png画像が指定されているものに対して、AlphaImageLoaderを適用。

ieping.png

導入は簡単に行うことが出来ます。注意したいのはhtcファイル中で指定されているblank.gifのアップロードと、パス記述の修正程度です。アップロードが出来たら、スタイルシートに下記のコードを追加します。

スタイルシートの記述
スタイルシート中に透過PNG表示を適用したいスタイルに、behavior:url(iepngfix.htc)記述をします。

<style type="text/css">
   img, div { behavior:url(iepngfix.htc) }
</style>

タグにAlphaImageLoaderを適用した場合、イメージソース(src)はblank.gifに置換され、背景イメージとblank.gifの中間のレイヤーとしてPNGイメージが出力されている状態に。

簡単に導入できるので、是非。


Daniel rolloverとはぶつかりますよ。

* *
* *


ホームページ制作まん

ホームページ制作会社


栃木県パソコン修理/パソコンのお医者さん
ホームページ制作 デザインチャンネル
 

ホームページ制作LINK

このブログ記事について

このページは、ホームページ制作まんが2009年6月21日 22:36に書いたブログ記事です。

ひとつ前のブログ記事は「styleneat」です。

次のブログ記事は「CSS3 続報」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。