怎样才能在弹出一个新窗口的同时其他部分灰色显示啊?谢谢

解决方案 »

  1.   

    可以用div+css 来实现
    还要设置z-index
      

  2.   

    ext
    ajaxhttp://freexiaoyu.cnblogs.com   //EXT  windows
      

  3.   

    ext
    ajax好家伙,动不动就上框架,系统会不会很庞大啊?
      

  4.   

    本人没事瞎研究的,仅供参考:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml10-transitional.dtd">
    <html lang="zh-cn" xml:lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
        html { overflow-y: scroll; }
        body { margin: 0; padding: 0; font: 12px/24px Tahoma; }
        #overlay {display: none; Z-INDEX: 10000; height:100%;BACKGROUND: #000; FILTER: alpha(opacity=50); LEFT: 0px; POSITION: absolute; TOP: 0px; opacity: 0;}
        .msgWindow {margin: 10px auto; clear: both; position: absolute; top: 100px;  z-index: 10002;}
    </style>
    </head>
    <body>
        <center>
            <br />
            <input type="button" onclick="Open();" value="OpenWindow">
            <script type="text/javascript">
            <!--
                for (var i = 0; i < 200; i++)
                {
                    document.write("<br />**********************************************************************");
                }
            //-->
            </script>
        </center>    <script type="text/javascript">
            function Open()
            {
                var bb=document.body;
                document.getElementById("overlay").style.display = 'block';
                document.getElementById("overlay").style.width = bb.scrollWidth;
                document.getElementById("overlay").style.height = bb.scrollHeight;
                document.getElementById("msgWindow").style.display = '';
                document.getElementById("msgWindow").style.left = (bb.offsetWidth - document.getElementById("msgWindow").offsetWidth)/2;
                document.getElementById("msgWindow").style.top  = 100 + bb.scrollTop;
            }
            function Close()
            {
                document.getElementById("overlay").style.display = 'none';
                document.getElementById("msgWindow").style.display = 'none';
            }
        </script>    <div id="overlay"></div>
        <div id="msgWindow" class="msgWindow" style="display: none; background: #88f; border: #fff 1px solid; width: 200px;">
            <div id='msgTitle' style="color: #88f; text-align: center; background: #fff;">Message Window</div>
            <br><br><br><br><br><br><br><br>
            <center>
            <input class="BigButton" onclick="Close()" type="button" value="关闭"/>
            </center>
            <br>
        </div>
    </body>
    </html>
      

  5.   

    http://blog.csdn.net/lcindep110可以去看一看。