02
03
CSSで背景指定した透過PNGをIE6以下で表示する
2008-02-03
まずiepngfix.jsを右クリックしJavaScriptを宣言します。
<script language="JavaScript" type="text/javascript"次にCSSに次のタグを挿入。
src="iepngfix.js"></script>
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 赤字の部分に背景画像を指定しているクラスやIDを指定します。これで透過画像もちゃんと表示されます。しかし、問題点が一つ。IE6以下の場合no-repeatを指定しても機能しません。そのため画像が縮んだり伸びたりしてしまいます。.test{
width : 500px;
height : 200px;
background-image : url(画像のURL);
background-repeat : no-repeat;
} このようなスタイルの場合、画像が500px200pxに伸縮してしまいます。勉強不足で解決方法は見つかっていませんのでとりあえず画像の大きさを調整しています。解決方法が分かればまた紹介します。
