Bloqueando todas las entradas detrás de un div invisible en IE?

Question

Tengo una superposición "Guardar ..." que ocupa el centro de un div invisible que cubre el 100% de la pantalla. Me gustaría que fuera imposible interactuar con los elementos detrás de él, es decir, hacer clic en los botones, seleccionar entradas de formulario, etc. Idealmente, no solo capturaría todas las entradas de mouse, sino que también ignoraría los efectos de mouseover (es decir, el cursor) de los elementos abajo. No es por seguridad ni nada por lo que no necesita ser hermético, principalmente solo por estética.

Parece que Firefox hace exactamente esto por defecto, pero IE no lo hace en absoluto. ¿Hay algo simple que pueda usar para aplicar este comportamiento en IE?

Answer 1

IE solo bloqueará la interacción del usuario cuando el div que cubre la pantalla tenga un color de fondo. Si no desea ocultar su contenido, establezca un color de fondo y configure la opacidad en 1%.

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

Answer 2

Le sugiero que busque en una de las muchas bibliotecas de UI de MooTools, por ejemplo Clientcides StickyWin Modal. Previene la interacción con las cosas que están debajo de ella hasta cierto punto (como dijiste, en su mayoría, de manera estética). El usuario puede seguir tabulando las cosas a continuación y, si le interesa, interactuar con formularios ...