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放在位于顶部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/

在iframe上堆叠div

1 个答案: