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

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

第1个回答  推荐于2016-04-07
你可以试试浮动定位,将两个DIV的position都设置为absolute,这两个DIV的外层容器的position设置为relative。

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

这个方法我不能保证有效,毕竟iframe的等级比DIV高,两者不是一个层次的控件,我们可以进一步讨论本回答被提问者采纳
第2个回答  2010-05-24
<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的上面部分了。

参考资料:http://songwm.com/thread-66-1-1.html