title: How to show overlay across FRAMES?
body: <p>Suppose I have following frame structure.</p>
  
  <pre><code>&lt;frameset rows="20%,60%, *"&gt;
    &lt;frame name="theFrame" id="theFrame" src="test1.html" &gt;
    &lt;frame name="theSecondFrame" id="theSecondFrame" src="test2.html" &gt;
    &lt;frame name="importantFrame" id="importantFrame" src="test3.html" &gt;
  &lt;/frameset&gt;
  </code></pre>
  
  <p>Suppose in "theSecondFrame" i have a button and if I click on that button it should show 
  a modal window.</p>
  
  <p><strong>The problem I am facing is, overlay is only limited to "theSecondFrame".</strong></p>
  
  <p>How to spread overlay across all frames so that contents are not accessible?</p>