kimny3のプロフィール
- ベストアンサー数
- 1
- ベストアンサー率
- 100%
- お礼率
- 0%
- 登録日2011/12/09
- 性別男性
- 職業自営業
- 年代40代
- 都道府県神奈川県
- 画像をかさねて表示させるには？
初めて質問させていただきます。ＨＰを手打ちで一から作っています。デザイン上の理由からどうしても画像の上に画像を重ねる必要があり、relative,absoluteを駆使し、なんとかできたものの、それがFireｆoxではうまく表示されない事を知りました。色々検索すると、table内ではＦｉｒｅｆｏｘの場合、relativeが働かないとあり、愕然としました。しかし、下記のソースでは画像２の位置も思いどうりに配置できるのですが、肝心な製作中のＨＰ上では画像２がtableから飛び出してしまいます。ＨＰはがちがちのtableでレイアウトしており、できれば、今更floatなど使って構造を崩したくありませんし、さらに細かなtableも組みたくありません。検索するとうまく解決できた方もおられる様だったのですが、ヒントだけで私の頭では解決できませんでした。画期的な方法があればよろしくお願いしたいと思います。 <html> <head> <style type="text/css"> .side-box { position:relative; background-repeat:no-repeat; } .side-box2 { position:absolute; top:12px; left:12px; } </style> </head> <body> <table border="1"> <tr> <td> <div class="side-box"> <img src="画像１"> <span class="side-box2"> <img src="画像２"> </span> </div></td> </tr> </table> </body> </html>