画像を重ねて表示する方法を知りたいです。

質問

おせわになっております。
下記のようなソースを作りました。
-------------------------------------------------
<div style="position: relative;">
<img src="sideback.gif" width="182" height="812" alt="sideback">
<div style="position: absolute; top: 30px; left: 15px;">
<span style="position:absolute; top:10px; left:10px"><img src="sidemanu-canner.gif" alt="メニュー">
</span>
</div>
</div
--------------------------------------------------
画像を重ねたいんですが、firefoxでプレビューすると
（IEでも同じです。）
下の画像（背景）の上に上の画像が表示されるはずだった場所に四角い3つぐらい色のついたマークがでて
（IEは小さな資格に×マーク）
上に表示されるはずだった画像が表示できません
どうしたらいいでしょうか？

回答No.2

BLUEPIXY · ベストアンサー

>…IEは小さな四角に×マーク…
単に画像が読み込めてないのだと思います。
ファイルのチェック（名前とかアップした位置とか）をしませう
例えば、単純に
<img src="sideback.gif" width="182" height="812" alt="sideback">
<img src="sidemanu-canner.gif" alt="メニュー">
としたときに表示されないのだったら、上下云々は関係ありません。

お礼

ありがとうございました！画像の名前をまちがっていました爆
orz
たすかりました！！！m(_ _"m)ペコリ

回答No.1

yuzukisaki

下のソースでやりましたが、できましたよ。
確認画像はしたのＵＲＬでどうぞ～。（gifで色が少しやばいですが；）
よろしければ、『star1.gif』（width="30" height="30"の数字も；）と『star2.gif』を変えてやってください。

<div style="position: relative;">
<img src="star1.gif" width="30" height="30" alt="sideback">
<div style="position: absolute; top: 10px; left: 10px;">
<span style="position:absolute; top:10px; left:10px"><img src="star2.gif" alt="メニュー">
</span>
</div>

参考になれば嬉しいです＾＾

参考URL：

http://w2.makko.biz/~momoiro/tag.GIF