• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • karita_83
  • ベストアンサー率45% (39/86)
回答No.1

背景に指定しても本来半透明で表示はされるはずです ご覧になっているブラウザーはなんでしょうか? IE6では半透明を再現できないのでおそらくハックを使っていらっしゃるかと思うのですが、 そのソースをご提示いただけると原因がわかるかとおもいます 携帯からなので言葉足らずの回答になって申し訳ございませんが、 よろしければ補足をいただければと思います

3104kita
質問者

補足

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

その他の回答 (1)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

IE6以下なら<img>でもbackgroundでも透過表示されません。 単に薄くなっているだけだと思いますが、 それともスターハックで処理しているのでしょうか? ※ <img>の枠に背景色を試せば適応されているか判断できます。 解説サイトがありましたが、これでどうでしょうか? http://blog.l-xs.com/yungsang/2006/12/png_alpha_filter_ie7.html 背景画像なのだから、透過png処理しなくても 透過したままの見たまま加工すれば良いかとも思いますが、 更に何か上下で画像や背景色を併用しているのでしょうか。

3104kita
質問者

補足

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

関連するQ&A

専門家に質問してみよう