プロが教える店舗＆オフィスのセキュリティ対策術

半透明なGIFの作成方法

解決済

  • 質問者：ssi77
  • 質問日時：
  • 回答数：2件

半透明(下の絵が透けて見える)GIF画像の作り方を教えてください。
今、私が使っているFireworks4です。

具体的には、下記HTMLファイルにて、
a.gifファイルの絵が、b.gifファイルの絵上から
透けて見えるようなものです。

<html>
<head></head>
<body background="a.gif">
<img src="b.gif">
</body>
</html>

よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： HUTABA
  • 回答日時：

「半透明の画像」というのは作成できません。


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#Fi …
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2003/03/11 10:15

No.2

  • 回答者： Nishikino
  • 回答日時：

純粋にHTMLを使う方法は無理です。


#1のように、スタイルシートを使う方法もあるようですが、OSやブラウザによっては対応してない場合があるので、もともとaとbを合成して透けたように見える絵を１枚貼った方がよいと思います。
申し訳ないのですが、Fireworksではやり方は分かりません。Photoshopでは簡単にできます。
    • good
    • 1
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2003/03/11 10:12

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報