半透明の画像をcssのbackground-imageで指定しても半透明のまま表示させたい

質問

photoshopにて、単純に塗りつぶして不透明度を50％にしただけの画像をpng-24で保存しました。
これをhtmlのimgタグで表示させるとちゃんと半透明で表示されるのですが、cssのbackground-imageで指定すると半透明ではなくなってしまいます。
cssのbackground-imageでも半透明の状態で表示させる方法がありましたら教えてください。お願いします。

回答No.1

karita_83 · ベストアンサー

背景に指定しても本来半透明で表示はされるはずです

ご覧になっているブラウザーはなんでしょうか？
ＩＥ６では半透明を再現できないのでおそらくハックを使っていらっしゃるかと思うのですが、
そのソースをご提示いただけると原因がわかるかとおもいます

携帯からなので言葉足らずの回答になって申し訳ございませんが、
よろしければ補足をいただければと思います

補足

お返事おそくなりすみません。
どうやら勘違いだったようです…。背景白で、真っ黒の画像を50％の不透明度にしただけだったので、透過されていないように見えていただけでした。色々試してbackgroundでもちゃんと透過されることが確認できました。
お騒がせしてすみませんでした。
ありがとうございます。

回答No.2

naokita

IE6以下なら<img>でもbackgroundでも透過表示されません。
単に薄くなっているだけだと思いますが、
それともスターハックで処理しているのでしょうか？
※　<img>の枠に背景色を試せば適応されているか判断できます。

解説サイトがありましたが、これでどうでしょうか？
http://blog.l-xs.com/yungsang/2006/12/png_alpha_filter_ie7.html

背景画像なのだから、透過png処理しなくても
透過したままの見たまま加工すれば良いかとも思いますが、
更に何か上下で画像や背景色を併用しているのでしょうか。

補足

お返事おそくなりすみません。
どうやら勘違いだったようです…。背景白で、真っ黒の画像を50％の不透明度にしただけだったので、透過されていないように見えていただけでした。色々試してbackgroundでもちゃんと透過されることが確認できました。
お騒がせしてすみませんでした。
ありがとうございます。