如何锁定遮罩层底层的按钮？

当我点击父窗体确定按钮时弹出遮罩层，这时如何锁定父窗体的所有按钮，使用户点击父窗体的按钮都无效，必须先关闭遮罩层才能点击父窗体的按钮

解决方案 »

  1.   


    既然是遮罩层当然是遮罩效果，那至少要一个div来覆盖在当前窗口的顶端。div可以设置半透明状
    灰色的背景。
    需要运用的css的positon:absolute; z-index: 999;
    然后就是width height了code：
    这是以前做项目的时候，在网上找的
    <html>
    <head>
    <title>LIGHTBOX EXAMPLE</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
      .black_overlay{
         display: none; 
     position: absolute;  
     top: 0%;  
     left: 0%;  
     width: 100%;  
     height: 100%;  
     background-color: black;  
     z-index:1001;  
     -moz-opacity: 0.8;  
     opacity:.80;  
     filter: alpha(opacity=80);  
    } 
    .white_content {
    display: none;  
    position: absolute; 
    top: 25%; 
    left: 25%; 
    width: 50%; 
    height: 50%; 
    padding: 16px;
    border: 2px solid orange; 
    background-color: white; 
    z-index:1002;
    overflow: auto;
    }  
    </style>
    <script language="javascript">
    function openWindow(){
    document.getElementById('light').style.display='block';
    document.getElementById('fade').style.display='block';
    }
    function closeWindow(){
    document.getElementById('light').style.display='none';
    document.getElementById('fade').style.display='none';
    }
    </script></head>
    <body>

    <p>可以根据自己要求修改css样式
    <input type="button" value="点击这里打开窗口" onclick="openWindow()"/></p>
    </body>
    <div id="light" class="white_content">
     This is the lightbox content.
     <a href="#" onClick="closeWindow()"> Close</a></div>
    <div id="fade" class="black_overlay"></div>

    </html>
      

  2.   

    遮罩层不就是有这样的功能么？ 只是有遇到过不能遮罩Dropdownlist 或者select控件。。你的做些处理。