Codice PHP:
<html> 
<head> 
   <style type="text/css"> 
      .LockOff { 
         display: none; 
         visibility: hidden; 
      } 

      .LockOn { 
         display: block; 
         visibility: visible; 
         position: absolute; 
         z-index: 999; 
         top: 0px; 
         left: 0px; 
         width: 100%; 
         height: 100%; 
         background-color: #ccc; 
         text-align: center; 
         padding-top: 20%; 
         filter: alpha(opacity=75); 
         opacity: 0.75; 
      } 
   </style> 

   <script type="text/javascript"> 
       function sleep(milliSeconds){
            var startTime = new Date().getTime(); // get the current time
            while (new Date().getTime() < startTime + milliSeconds); // hog cpu
        }
        function lockBox(str){ 
            var lock = document.getElementById('lockPane'); 
            if (lock){
                lock.className = 'LockOn';
                alert(lock.parent);
            }
        } 
   </script> 
</head> 
    <body> 
        <div id="box" style="width:50px;height:50px;border:1px solid black;">
            <h2>Overlay</h2> 
            <input type="submit" value="test" onclick="lockBox();" /> 
                <div id="lockPane" class="LockOff">wait</div> 
        </div>
    </body> 
</html> 
Sto creando un Overlay per ogni singolo div box all'interno della mi applicazione.
mi aiutereste a impostare l'overlay in modo da coprire completamente il mio controllo?

Grazie