html - 将内容放在 iframe 上？

Question

谁能帮我在 iframe 上放置一些东西，比如 div 或 canvas，我的情况是我有来自 Photosynth.net 的 iframe，我需要在这个 iframe 上放置类似的角色？？我使用了 z-index，但它仍然无法正常工作。

Answer 1

我创建了一个 simple sample显示如何使用 CSS 将内容定位在 iframe 之上。这只是简单的 CSS 分层:

<iframe src="http://phrogz.net/"></iframe>
<div id="over">HI MOM</div>

然后在您的样式表中:

iframe { width:100%; height:300px; border:3px groove #f00 }
#over { font-size:5em; position:absolute; top:20px; left:20px; z-index:2 }