html - 在 iframe 上堆叠 div

Question

我已经尝试了很多次，但我无法得到它，我试图在 iframe 内容之上放置一个 div

<div align="middle">
    <div style="position: relative;">
        <iframe 
        src="http://www.theprintblog.com/wp-content/uploads/2013/03/green.jpg"
        width="1000" height="670" scrolling="no">
    </div>
    <div style="position: absolute; left: 50px;">
        <p>hi</p>
    </div>

绿色图片只是一个例子。我只有一个文件托管在一个显示幻灯片的服务器上，我希望能够在它上面放置几个链接

Answer 1

尝试将 iframe 和 div 放置在 top 位置absolute，并且都放在相对定位的容器中。快速编辑您的代码：

<div style="position: relative;">
    <iframe style="position: absolute;" src="http://www.theprintblog.com/wp-content/uploads/2013/03/green.jpg" width="1000" height="670" scrolling="no"></iframe>
    <div style="position: absolute; left: 50px;">
        <p>hi</p>
    </div>
</div>

以及关于 jsfiddle 的演示：http: //jsfiddle.net/Zk3Hq/