Question

怎么让前一个div盖住下一个div(里头放的是iframe)的头部？

比如：
<div id="div1"><img XXX></div>
<div id="div2"><iframe src="XXX.html"></iframe></div>
怎么让div1去盖住iframe的头部，比如iframe是引用别的网站，我想盖住它的标题，但是下边还要？怎么办？
管点用，。但是只能盖住一部分，下边那个DIV有个搜索框盖不住，上边的加背景或者背景图像也盖不住,怎么搞的呢？

Answer 1

你可以试试浮动定位，将两个DIV的position都设置为absolute，这两个DIV的外层容器的position设置为relative。

然后，设置DIV的z-index，值较高的DIV将显示在值教低的DIV前方。

这个方法我不能保证有效，毕竟iframe的等级比DIV高，两者不是一个层次的控件，我们可以进一步讨论

Answer 2

<div id="div1" style='position:absolute;left:0px;top:0px;z-index:2;'><img XXX></div>
<div id="div2" style='position:absolute;left:0px;top:0px;z-index:1;'><iframe src="XXX.html"></iframe></div>

这样，你给div1价格合适的高度，就能遮盖下面的div2的上面部分了。