利用iframe将div放置在object的上面

这两天在写一个用object上传照片的网页，在上传时，需要弹出一个进度条的div，我就按照正常的思维模式，将进度条div设为绝对定位，将其z-index设置的很大，结果，进度条div被object给遮挡住了，然后，我就将object也设为绝对定位，再将其z-index设为比进度条的z-index小的一个值，结果还是被object遮挡了。后来，不管我将进度条div的z-index设置多么大，将object的z-index设置的多么小，都无济于事，于是我就郁闷了。上网一查资料，大家都遇到过这样的问题，不过还是有大神给出了解决方案，即在进度条div和object之间加一个iframe就可以了，于是乎，赶忙实验了一哈儿，结果，真的阔以哇。下面我就贴代码了：

<div style="z-index:2; position:absolute; top:0; left:0; width:200px; height:100px;background:#eee;">这是在上面</div>
<iframe allowtransparency="true" style="background:transparent;border:none;"></iframe>
<object classid = "clsid:59829594-0053-45BF-B5D0-A1DD7D7BFB5C" style="position:absolute;z-index:-1;top:0;left:0; width:500px;height:300px;" ></object>

 

OK，写完手工！