jquery tools overlay mask в IE8

Question

Я делаю сайт с виджетами наложения инструментов jQuery, и он хорошо работает на Firefox и Chrome, но, как всегда, он имеет проблемы с Internet Explorer, особенно IE8, где влияет фон маскировки даже наложение, что делает невозможным щелчок в любом месте страницы, даже закрывая оверлей.

Вот элемент:

<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> 

код 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", ""); 
    } 
}); 

(у меня есть переполнение: скрытый на документ готов до этого)

И 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; 
} 

Я не знаю, я знаю все несовместимости, которые Explorer имеет с css, поэтому, можете ли вы сказать мне, пожалуйста, что случилось с этим кодом?

Заранее спасибо

EDIT: Я получил эту проблему, но это другой вопрос, поэтому я оставляю этот вопрос, чтобы сделать еще один.

Answer 1

для непрозрачности в IE использовать в CSS:

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