求一个透明的可以覆盖整个游览器的div!急！急！

我弄了一个类似iframe框架那样的框架，我现在要做一个消息提醒，弹出一个新的div，这个div既要是透明的又要覆盖整个游览器，这个应该怎么办啊，请哪位前辈给个css样式或者解决方案啊，不胜感激啊...

解决方案 »

  1.   

    <body style="z-index:0;">
    <div id="popup"></div>
    </body>#popup{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:10;background:#000 none;filter:alpha(opacity=80);moz-opacity:0.8;opacity:0.8;}然后可以用jquery的css控制#popup的display:block;和display:none;
    考究点再加点fadeIn, fadeout,或者animation的效果。
      

  2.   

    其实...真的很简单，在要做遮盖的DIV里，直接放个透明的png图片做背景，平铺整个页面就好，当然要设置为最顶层
      

  3.   

    楼主的标题吓我一跳，我还以为真的要一个div来覆盖整个浏览器，包括标题栏、状态栏什么的都盖住。建议用框架，把一个div的position设为absolute，位置0,0 宽和高设置为整个页面的尺寸，背景黑色，设置半透明的话框架有函数可以做到，jquery很容易做到，很简单
      

  4.   

    前辈们。我还需要一个半透明的div，也就是说稍微有点灰色的那种感觉，但是是半透明的，能再帮忙给个css吗？？？在线等，谢谢
      

  5.   

    前辈们啊。我现在还需要一个半透明的div，就是那种暗点的，但是是半透明的效果，能再给个css吗？谢谢大家啊，在线等
      

  6.   

    .mask{ width:100%; height:100%; position:fixed; _position:absolute; top:0; left:0; background:#000; opacity:0.75; filter:alpha(opacity=75)}
    ie6兼窗jsif ($.browser.msie && $.browser.version == "6.0") {

    $(".mask").css({ width: document.documentElement.scrollWidth + "px" });
    $(".mask").css({ height: document.documentElement.scrollHeight + "px" });

        }
      

  7.   

    var div = "<div id=\"status_bar\" style=\"position:absolute; top:615px; text-align:left; width:200px; height=50px; padding:5px 0px 50px 630px;opacity:0.8; z-index:900;line-height:58px;\"></div>"window.top.document.body.innerHTML(div)
    样式、大小自己调整下吧
      

  8.   

    var div = "<div id=\"status_bar\" style=\"position:absolute; top:615px; text-align:left; width:200px; height=50px; padding:5px 0px 50px 630px;opacity:0.8; z-index:900;line-height:58px;\"></div>"window.top.document.body.innerHTML=div;