zoukankan      html  css  js  c++  java
  • 利用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,写完手工!

  • 相关阅读:
    C#_Assembly-Reflection_程序集与反射
    C#_event_事件
    C#_扩展方法
    C#_Delegate_泛型
    C#_正则表达式
    C#_序列化
    Unity_ClickToShow_FadeInAndOut
    RecordToday
    写作技巧
    高效休息法
  • 原文地址:https://www.cnblogs.com/tnnyang/p/4424426.html
Copyright © 2011-2022 走看看