Blocage de toutes les entrées derrière un div invisible dans IE?

Question

J'ai une superposition "Sauvegarde ..." qui occupe le centre d'une div invisible qui couvre 100% de l'écran. Je voudrais qu'il soit impossible d'interagir avec les éléments derrière, en cliquant sur les boutons, en sélectionnant les entrées de formulaire, etc. Idéalement, il ne capterait pas toutes les entrées de la souris, mais ignorerait également les effets de mouseover au dessous de. Ce n'est pas pour la sécurité ou quoi que ce soit donc il n'a pas besoin d'être étanche, principalement pour l'esthétique. Firefox semble faire exactement cela par défaut, mais IE ne le fait pas du tout. Y at-il quelque chose de simple que je peux utiliser pour appliquer ce comportement dans IE?

Answer 1

IE ne bloque l'interaction de l'utilisateur que lorsque le div couvrant l'écran a une couleur de fond. Si vous ne souhaitez pas que votre contenu soit masqué, définissez une couleur d'arrière-plan et définissez l'opacité sur 1%.

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

Answer 2

Je vous suggère de regarder dans l'une des nombreuses bibliothèques MooTools UI, par exemple Clientcides StickyWin Modal. Il empêche dans une certaine mesure l'interaction avec les choses qui se trouvent au-dessous (comme vous l'avez dit, la plupart du temps de manière très astucieuse). L'utilisateur peut toujours passer en revue les éléments ci-dessous et, s'ils le désirent, interagir avec des formulaires ...