- ベストアンサー
画像を重ねて表示したい
画像を表示するタグで<img src="a.gif"><img src="b.gif">と書くと、横に並んで表示されます。ごく当たり前か。。 んで、このa.gifとb.gifを重ねて表示したいです。a.gifを手前、b.gifを奥というかんじです。 2つの画像は同じ大きさです。 何かいい方法ありませんか?アドバイスお願いします。 連続の質問で申し訳ありません。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
簡単な方法としては、下に設置する画像をテーブルの背景として使用します。 そのセルに上にくる画像を普通に配置すれば、一応は重ねた状態になります。
その他の回答 (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枚に遠近感を付けた画像を用意する必要があります。
補足
なるほどっ!セルの背景とすれば重なりますよね。 気づきませんでした。 ということは、 <table border="0"><tr><td background="b.gif"> <img src="a.gif"></td></tr></table> とやれば・・・・・できましたっ! ありがとうございます。 こういうやりかとがあるものだと勉強になりました。 本当にありがとうございます。