Belgin Fish Belgin Fish - 1 year ago 152
jQuery Question

Make transparent overlay on page Jquery

Hey, how can I make it so that there's basically just a semi transparent color covering the whole page except for 1 div (which is going to be a message)

Basically, page loads background gets covered with semi transparent blackness but a certain div (message box in this case) stays normal.


Answer Source

You could try blockUI

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction...

[1] Using the XMLHttpRequest object in synchronous mode causes the entire browser to lock until the remote call completes. This is usually not a desirable behavior.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download