How to make underlying div unclickable?

If you're using something like jQuery, you can do something like $("a:not(.overlay)"). Click(function(e) { e.preventDefault(); }); $("input:not(.overlay)"). Click(function(e) { e.

Attr("disabled", "disabled"); }) You'll give everything in your overlay (links, buttons, etc. ) the overlay class, and this will effectively disable everything else on your page.

If you're using something like jQuery, you can do something like $("a:not(.overlay)"). Click(function(e) { e.preventDefault(); }); $("input:not(.overlay)"). Click(function(e) { e.

Attr("disabled", "disabled"); }); You'll give everything in your overlay (links, buttons, etc. ) the overlay class, and this will effectively disable everything else on your page.

You also need to use z-index to ensure that your new div is on top of everything else. Without this attribute you are at the mercy of the browser in terms which one will be on top and receive the onclick Also be aware of a known IE (older versions) bug that input type selection ignores z-index.

Add an onclick handler for the overlay div.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.