May be I little far, but check this link:
http://andrislinz.ch/tutorials/modalBox/index.html#
and click the only existing link in the top left "Open modalBox"
the box will be shown and click any thing out of the block will be
disabled unless you closed the block by clocking "Close modalBox"
I mean you can figure out some way to implement the same Idea. That
is, to create one floating div fills out the full page but with
transparent color, keep it for sometime and then remove it.
basically, you can try this code, hope it works for you:
<div style="position:fixed; z-index:300; text-align:center; top:0;
left:0;
color:#FF0000; width:100%; padding:200px 0 0"
onclick="alert('you
see, u r able to click onle here');">
You can Only click here
</div>
<div style="background:#333366; position:fixed; width:100%; height:
100%; top:0; left:0; vertical-align:middle;
text-align:center; z-index:200;filter:alpha(opacity=70); -moz-
opacity:0.7;
-khtml-opacity:0.7; opacity:0.7;"> </div>
I tried it in Chrome, Firefox, Safari, IE8
it works fine.
Regards
Ameen
