• ベストアンサー

画像を重ねて表示したい

画像を表示するタグで<img src="a.gif"><img src="b.gif">と書くと、横に並んで表示されます。ごく当たり前か。。 んで、このa.gifとb.gifを重ねて表示したいです。a.gifを手前、b.gifを奥というかんじです。 2つの画像は同じ大きさです。 何かいい方法ありませんか?アドバイスお願いします。 連続の質問で申し訳ありません。

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

  • ベストアンサー
  • kosa
  • ベストアンサー率25% (379/1464)
回答No.1

簡単な方法としては、下に設置する画像をテーブルの背景として使用します。 そのセルに上にくる画像を普通に配置すれば、一応は重ねた状態になります。

norelec
質問者

補足

なるほどっ!セルの背景とすれば重なりますよね。 気づきませんでした。 ということは、 <table border="0"><tr><td background="b.gif"> <img src="a.gif"></td></tr></table> とやれば・・・・・できましたっ! ありがとうございます。 こういうやりかとがあるものだと勉強になりました。 本当にありがとうございます。

その他の回答 (2)

  • ps5550
  • ベストアンサー率22% (2/9)
回答No.3

こんな感じで、スタイルシートで位置を固定する方法もあります。 <img src="./a.jpg" style="position:absolute; top:100px; left:100px;"> <img src="./b.jpg" style="position:absolute; top:100px; left:100px;">

  • beam
  • ベストアンサー率24% (412/1678)
回答No.2

同じ大きさの画像を2枚重ねて表示させると、奥側の画像は見えませんから、何か意味があるのでしょうか?  表側の画像だけ表示させれば、済みますね(^^; 2枚の画像をずらして、表示させれば、奥側、手前側と表現できますが、タグで表示を指定してやればいいわけですが、絵柄によってはそう見えないことがありますので、そーなると予め画像を合成しておいて2枚に遠近感を付けた画像を用意する必要があります。