Skip navigation

PNG-24(透過画像)をIE6で表示させる方法

IE6でPNG-24(透過画像)をIMGタグで表示させようとした場合、
透過部分が薄い青色になってしまい、実質使えない(と思ってた)。
ということで、自分はPNG-8透過GIFを使ってた。
よくよくちゃんと調べてみたらIE6以下でもPNG-24をちゃんと表示する方法があったので、メモ。

表示させたいPNG-24(透過画像) を hogehoge.png としたとき。

普通に画像をHTML上で表示する場合(IE6でうまく透過しない)

HTML:
  1. <img src="hogehoge.png" width="100px" height="100px" />

 

PNG-24(透過画像)をHTML上で表示する場合(IE6)

HTML:
  1. <div id="png24img01" style="height:100px; width:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='hogehoge.png' ,sizingmethod=image);"></div>

因みにIE6未満のバージョンはどうなのか?は未確認・・。

 

 06.11.04 :: 上記コード内に"px"が抜けていたので修正

 

Tags: ,