利用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; 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; 500px;height:300px;" ></object>

OK,写完手工!

原文地址:https://www.cnblogs.com/tnnyang/p/4424426.html