堆疊的iframe

Question

的頂部一個div我已經試過很多次拿到我不能得到它，我試圖把一個div的iframe中的內容

<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放在頂部位置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/