jquery tools masque de recouvrement dans IE8

Question

Je crée un site Web avec le widget jQuery tools overlay, et il fonctionne bien sur Firefox et Chrome, mais comme toujours, il a des problèmes dans Internet Explorer, en particulier IE8, où le fond de masquage affecte même la superposition, rendant impossible de cliquer n'importe où sur la page, même en fermant la superposition.

est ici l'élément:

<div id="caja" class="wizard modal"> 
    <p id="texto"></p> 
    <div class="contenedorCheckbox"><input type="checkbox" class="mostrarAyuda" /><span class="mostrarAyuda">Mostrar la ayuda la próxima vez</span></div> 
    <br/> 
    <button type="button" id="anterior">&lt; Anterior</button> 
    <button type="button" id="siguiente">Siguiente &gt;</button> 
    <button type="button" id="salir">Salir</button> 
</div> 

Le code jQuery:

$('#comercio_index_content_body #caja').overlay({ 
    top: 170, 
    mask: { 
     color: '#fff', 
     loadSpeed: 200, 
     opacity: 0.5 
    }, 
    closeOnClick: false, 
    load: true, 
    onClose: function() { 
     $("body").css("overflow", ""); 
    } 
}); 

(je overflow: hidden sur le document prêt avant cela)

Et le css:

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 

Je ne sais pas Je connais toutes les incompatibilités que Explorer a avec css, alors, pouvez-vous me dire s'il vous plaît ce qui ne va pas avec ce code?

Merci à l'avance

EDIT: Je suis le problème, mais il est une autre question, donc je laisse cette question à faire un autre.

Answer 1

pour l'opacité à utiliser dans IE css:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);