画像の上に

質問

画像の上にインラインフレームを設置することは出来ますか？
もし、やり方を知っている方がいたら、教えてください。
よろしくお願いします。

回答No.2

noname#199778 · ベストアンサー

スタイルシートを使った方法ですが、

<div style="text-align: center;">
<img src="***.jpg" width="600" height="300" alt="*"><br>
<iframe src="***.htm" title="***" name="**" width="500" height="260" style="position: relative; top: -280px; z-index: 1;"></iframe>
</div>

のように、スタイルシートのポジション指定でインラインフレームを画像の上に移動させる方法で実現できると思います。 例中の数値(画像やインラインフレームのwidth・heightや、インラインフレームのstyle指定の「top: -280px;」の部分)やスタイル指定などは、適宜調整してみてください。
あるいは、

<div style="background: url(***.jpg); padding: 2em; text-align: center;"><iframe src="***.htm" title="***" name="**" width="500" height="260"></iframe>
</div>

のように、インラインフレームを含む親要素に背景画像として、インラインフレームの裏に表示する画像を指定する方法でも、実現可能と思います。

お望みの表示と違ったらごめんなさい。 参考になれば幸いです。

回答No.3

ryota2

<table background="画像ファイルのパス"><tr><td><iframe></iframe></td></tr></table>

でどうです？

回答No.1

blue_leo

インラインフレーム自体をフレームで囲うなりしてその部分の背景画像を
設定すればいいと思いますが所望の結果と違いますか？

画像の上

という表現があまりにも漠然としすぎているので補足した方がいいですよ。