iframe里的DIV能遮住父层 高手帮个忙！

就是一个遮罩层，是从iframe里点出来的！怎么把边上iframe以外的内容也罩住！

解决方案 »

  1.   

    这个冒似做不到，iframe里面的东西怎么能遮住iframe外面的呢。LZ可以在iframe外面先写先好对应的遮罩方法，然后iframe里面去调用下那个方法。
      

  2.   

    我试了把DIV放到最外面，在iframe里调用这个DIV，可是取的高度不行！怎么能读取到整个IE页面的高度
      

  3.   

    你用screen对象的width,height 试下
    screen.width
    screen.height
      

  4.   

    这个意思？
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>

    </style>
    </head>
    <body>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <iframe src="3.html" frameborder="0"></iframe>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    <p>1</p>
    </body>
    </html>
    3.html
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>

    </style>
    </head>
    <body>
    <button id="btn">遮罩父层</button>
    <script>
    var $ = function(id){
    return document.getElementById(id);
    };
    var p = parent,
    w = p.document.documentElement.clientWidth,
    h = Math.max(p.document.documentElement.clientHeight, p.document.body.clientHeight);
    $('btn').onclick = function(){
    var div = p.document.createElement('div');
    div.style.cssText = 'position:absolute;left:0;top:0;background:#999;width:'+w+'px;height:'+h+'px;opacity:.5;filter:alpha(opacity=50);';
    p.document.body.appendChild(div);
    }
    </script>
    </body>
    </html>
      

  5.   


    这个能让IFRAME里 一个DIV弹出么
      

  6.   

    要随着浏览器的话，可以使用100%的尺寸，不过兼容性似乎不好
    最好写window.onresize事件,按当前尺寸重新设置，资源占用会有点高，用定时器控制一下最好
      

  7.   

    楼主这个情况，何必遮罩整个页面呢，直接在iframe内弹出，操作 不就可以了？
      

  8.   

    要全庶的效果呢，
    function showDiv(){
    var p=parent; 
    var w=p.document.documentElement.clientWidth;
    var h=Math.max(p.document.documentElement.clientHeight,p.document.body.clientHeight);
    var div=p.document.createElement('div');
    div.style.cssText='position:absolute;left:0;top:0;background:#999;width:'+w+'px;height:'+h+'px;opacity:.5;filter:alpha(opacity=50);';
    p.document.body.appendChild(div);
    $("#loanmain",parent.document).slideDown();


    }function closeDiv(){
    $("#loanmain",parent.document).slideUp();
    //parent.document.body.removeChild("div");

    }
    你帮看下，我在弹出的，上删除这个遮罩层，怎么调用呢1
      

  9.   

    div内加个按钮，添加onclick， 点击 删除div就可以了。