IE6での背景の半透明化について

質問

こんにちは、独学でホームページを作っている者です。
家のPC環境のIE7でサイトを作っていて、24bitのPNGで無地の白の半透明の画像をつくり、それを#kakoiというBOX(width:600px;height:570px)を作り、background-imageで配置しました。IE7なので確認すると半透明化されていました。ちなみにbodyのbackground-imageは緑から白のグラデーションです。

しかし、別のPC(IE6)で作業をしていると半透明化されてないことに気づき、色々調べるとIE7から対応との事。
調べると半透明にできる方法が掲載されており、その通りにやると背景は半透明化されたのですが、その上に配置してある画像なども透明化してしまいました…。そのほかにもbodyのbackground-imageの色より少し濃い色を配置するなど色んな方法もあったのですが、私の場合グラデーションなのでうまくいきませんでした。

どなたかIE6やFire foxなどに対応できるうっすらグラデーションが見えるように半透明化ができる方法をご存知の方、教えてください。

回答No.2

ran_2323 · ベストアンサー

必要なのは、「iepngfix.htc」というファイルだけです。
それを任意の場所に置いて、あとは
●cssファイル
#kakoi{
width:600px;
height:570px;
background:url(../img/bg.png);
behavior:url(iepngfix.htc);/*「iepngfix.htc」のパスに注意*/
}

●htmlファイル

<div id="kakoi">内容</div>

と記述するだけです。「iepngfix.htc」のパスに注意してください。
imgはCSSファイルからの参照ですが、「iepngfix.htc」はCSSを適用させるhtmlファイルからのパスです。
blank.gifは、透過画像の上に何ものせない場合、空間を確保するため、またはalt属性をつけるために配置しておく画像だと思われます（<div id="kakoi"><img src="img/blank.gif" alt="" width="600" height="570"></div>というかんじで…）。気にしなくても大丈夫ですよ。

お礼

ran_2323さん、出来ました!!
本当にご親切なご指導どうもありがとうございました。
感謝いたします！

回答No.1

ran_2323

「iepngfix.htc」を使ってみてはいかがでしょうか？？
画像を背景にしなければなりませんが、IE6でもアルファチャンネルの画像を扱うことができます。
私も透過画像を扱うときは、これを使っていますので、お試しあれ。

参考URL：

http://youmos.com/news/iepngfix_htc

補足

ご回答ありがとうございます。
URL先のサイトを見させて頂きました。
ただ自分の経験が浅いもので中々理解ができず、うまくいきませんでした；
iepngfixというフォルダをダウンロードして、index.htmlと同じ階層のフォルダにいれました。
そしてcss内のbackground-imagが入っている#kakoi{}の中にbehavior:url(iepngfix.htc);を入れたのですがそれでいいのでしょうか？
あとblank.gifのアップロードと、パス記述の修正ていうのもわかりませんでした…。せっかく教えていただいたのにすいません。