電子書籍の厳選無料作品が豊富!

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

A 回答 (3件)

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



<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>

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

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

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



でどうです?
    • good
    • 0

インラインフレーム自体をフレームで囲うなりしてその部分の背景画像を


設定すればいいと思いますが所望の結果と違いますか?

画像の上

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!