首页 > 其他 > 详细

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

时间:2015-04-14 12:33:43      阅读:185      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!