Geek Answers Handbook

Blocking all input behind an invisible div in IE?

I have a “Save ...” overlay that occupies the center of an invisible div that covers 100% of the screen. I would like it to be impossible to interact with the elements behind it, that is, by pressing buttons, selecting input forms, etc. Ideally, this would not only catch all mouse inputs, but also ignore the effects of the mouse (namely, cursor changes) of the elements below. It is not for safety or anything else, therefore it is not necessary to be airtight, mainly just for aesthetics.

Firefox seems to do this by default, but IE doesn't work at all. Is there something simple I can use to provide this behavior in IE?

+5
source share
2 answers

IE only blocks user interaction when the div covering the screen has a background color. If you do not want your content to be hidden, set the background color and set the opacity to 1%.

background-color: white;
filter: alpha(opacity=1);
opacity: 0.01;
+4
source

I suggest you take a look at one of the many MooTools user interface libraries, for example Clientcides StickyWin Modal . It interferes with interacting with things under it to some extent (as you said, mostly asthenic). The user can still follow the things below and, if they are interested, interact with the forms ...

0
source

More articles:


All Articles