IE6でPNG-24(透過画像)をIMGタグで表示させようとした場合、
透過部分が薄い青色になってしまい、実質使えない(と思ってた)。
ということで、自分はPNG-8か透過GIFを使ってた。
よくよくちゃんと調べてみたらIE6以下でもPNG-24をちゃんと表示する方法があったので、メモ。
表示させたいPNG-24(透過画像) を hogehoge.png としたとき。
普通に画像をHTML上で表示する場合(IE6でうまく透過しない)
PNG-24(透過画像)をHTML上で表示する場合(IE6)
-
<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: CSS, XHTML