Création d'une fenêtre modale HTML dans Internet Explorer 8

Question

Comment créer une fenêtre modale dans Internet Explorer 8 qui grise l'intégralité de l'écran et affiche ajax spinner?

<div style="display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.4)"> 

Après div fonctionne très bien bord, mais ne gris pas l'écran dans IE8 et permettent d'interagir avec l'utilisateur la page.

Comment obtenir ce travail dans IE?

Answer 1

rgba et couleur de fond ne semble pas fonctionner dans IE 8 caniuse_rgbacaniuse_background-color

Vous pouvez utiliser arrière-plan avec une solution de repli

background: #EEE /* The Fallback */ 
background: rgba(0,0,0, 0.4) 

Answer 2

IE 8 ne prend pas en charge l'opacité de la même manière les navigateurs plus récents faire, mais vous pouvez le faire en utilisant l'ancien attribut de filtre Microsoft.

Voir si cela fonctionne pour vous:

background-color: rgba(0,0,0); 
opacity: 0.4; /* Newer browsers */ 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE8 */