• ベストアンサー

半透明なGIFの作成方法

半透明(下の絵が透けて見える)GIF画像の作り方を教えてください。 今、私が使っているFireworks4です。 具体的には、下記HTMLファイルにて、 a.gifファイルの絵が、b.gifファイルの絵上から 透けて見えるようなものです。 <html> <head></head> <body background="a.gif"> <img src="b.gif"> </body> </html> よろしくお願いいたします。

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

  • ベストアンサー
  • HUTABA
  • ベストアンサー率27% (436/1611)
回答No.1

「半透明の画像」というのは作成できません。 1ドットずつ密かに透過されている透過GIFを作成するか、スタイルシートを利用してください。 (前者の方法は、恐らくすごく汚く見えると思います。) スタイルシートを使用する場合、 ><img src="b.gif"> の部分を <img src="b.gif" style="filter: Alpha(opacity=50);"> と修正してください。 opacity=50 が透明度で、0(透明)~100(不透明)で指定します。

参考URL:
http://tohoho.wakusei.ne.jp/css/reference.htm#FilterAlpha
ssi77
質問者

お礼

返答ありがとうございます。 CSSのフィルタですよね。IEのみ対応だったと思います。 今、PNGでアルファチャンネルというのを調べています。 もし、Knowhowをもっていたら、よろしくお願いいたします。

その他の回答 (1)

noname#236902
noname#236902
回答No.2

純粋にHTMLを使う方法は無理です。 #1のように、スタイルシートを使う方法もあるようですが、OSやブラウザによっては対応してない場合があるので、もともとaとbを合成して透けたように見える絵を1枚貼った方がよいと思います。 申し訳ないのですが、Fireworksではやり方は分かりません。Photoshopでは簡単にできます。

ssi77
質問者

お礼

返答ありがとうございます。 PhotoShopの方、調べてみます。

関連するQ&A