- ベストアンサー
半透明なGIFの作成方法
半透明(下の絵が透けて見える)GIF画像の作り方を教えてください。 今、私が使っているFireworks4です。 具体的には、下記HTMLファイルにて、 a.gifファイルの絵が、b.gifファイルの絵上から 透けて見えるようなものです。 <html> <head></head> <body background="a.gif"> <img src="b.gif"> </body> </html> よろしくお願いいたします。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
「半透明の画像」というのは作成できません。 1ドットずつ密かに透過されている透過GIFを作成するか、スタイルシートを利用してください。 (前者の方法は、恐らくすごく汚く見えると思います。) スタイルシートを使用する場合、 ><img src="b.gif"> の部分を <img src="b.gif" style="filter: Alpha(opacity=50);"> と修正してください。 opacity=50 が透明度で、0(透明)~100(不透明)で指定します。
その他の回答 (1)
noname#236902
回答No.2
純粋にHTMLを使う方法は無理です。 #1のように、スタイルシートを使う方法もあるようですが、OSやブラウザによっては対応してない場合があるので、もともとaとbを合成して透けたように見える絵を1枚貼った方がよいと思います。 申し訳ないのですが、Fireworksではやり方は分かりません。Photoshopでは簡単にできます。
質問者
お礼
返答ありがとうございます。 PhotoShopの方、調べてみます。
お礼
返答ありがとうございます。 CSSのフィルタですよね。IEのみ対応だったと思います。 今、PNGでアルファチャンネルというのを調べています。 もし、Knowhowをもっていたら、よろしくお願いいたします。