jquery or javascript active element on foreground, lock background?
<p>I have a layer that is presented by a logic var. </p>

<p>that layer is just a hidden div - how do I make it so the layer is the only element that can be interacted with on the page when it is visible?</p>

<p>thanks!</p>

<p>Update:</p>

<p>used a full size div in the background with a transparent gif - works in firefox, but not IE - thoughts?</p>

<pre><code>#overlay {
    background-image: url('../images/transparent.gif');
    width:100%;
    height:100%;
    z-index:8999;
    display:none;
    margin-top: 0;
    margin-left:0;
    position:fixed;
}
</code></pre>
