码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-14 12:33:57      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

这两天在写一个用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,写完手工!

 

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

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!