штабелирования в DIV на верхней части фрейма

Question

Я пытался много раз получить не могу получить его, я пытаюсь поставить 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/