如何让弹出的iframe层完全透明，可以显示被遮盖的内容

本人水平有限，最近做个web项目，因为里面有个<object>的插件，弹出<div>对话框会被其遮盖，我做了个<iframe>标签,在弹框时，把<object>覆盖掉，再在iframe上放个<div>对话框。但<iframe>会把<object>内容遮盖掉，界面效果不好，能不能把iframe设置成完全透明的方法，不是那种allowtransparency="true"把背景色设为一致的方法，就是完全透明的，求高人！！！

解决方案 »

  1.   

    你先要理解iframe是个什么东西，iframe说白了就是一个内嵌页面，你要让一个页面透明，据我所知是不可能的
      

  2.   

    让弹出的iframe内嵌页面完全透明有什么意义啊，而且我认为做不到
    把iframe层换成别的啊，比如弹出DIV层之类的
      

  3.   

    2楼的方法完全可以啊
    你只需要做一个空白的页面 假如这个页面的名称是Noname.html
    只需要将Noname.html的body背景设置为透明
    然后iframe的内容如下即可
    <iframe id="CoverIt" allowtransparency="true" frameborder="0" width="250" height="200" src="Noname6.html" style="position:absolute;z-index:-1;"></iframe>
      

  4.   

    你这个iframe只是用来盖中 <object>的, 其它没啥做用, 
    allowTransparency="true",, background-color:transparent
    这两个是要搭配着来用的, jquery 有个bgiframe插件, 你看可以用不, 能达到效果不?
      

  5.   

    soory 看错了    在你的object 里面添加一个属性 就遮不住层了..     wmode:transparent
      

  6.   

    allowTransparency="true",, background-color:transparent和插入透明页面方法都用过了，不行，wmode:transparent这个好像只针对flash插件。确实，我用iframe只做遮盖作用，用div遮不住<object>
      

  7.   

    换种思路吧 iframe 好像 没有这个 弄的  
      

  8.   

    巧了，本人也遇到这个问题了。这几个月都一直找不到解决办法。
    其实楼上很多人根本还没理解问题。
    首先声明 iframe 是完全可以透明的。按照常规的设置css 的透明度方式就可以，这点就不要争论了。
    现在的问题是 这样设置透明，背面放置<object>后,就完全失去效果了。
    allowTransparency="true"  设置之后，失去本来的意愿，遮住<object>，所以放弃。总结: 目前来说，这个问题是无解了。不过，LZ 的意思是iframe 完全遮住了 <object>，造成页面不美观。
    iframe 就是为了遮住<object>的，起作用是让<div>最前端显示，那么div完全透明了，也不好。所以退之求其次，不要纠结这个问题了。
    设置 iframe 大小 以及 position: left:XX; bottom:XX。（和DIV完全一致）基本上这个效果可以了。
    如果做的特效，div 是滑出来的，也是一样的，让iframe 跟着走。
      

  9.   

    呵呵，gvgvdownload辛苦了，确实无解，后来我也把<iframe>的大小动态的和<div>保持一致了，为啥遇到跟我有相同问题的人，我会感到如此亲切呢O(∩_∩)O