2012-04-25 67 views
0

我正在製作一個帶有jQuery工具疊加窗口小部件的網站,它在Firefox和Chrome上運行良好,但一如既往,它在Internet Explorer,特別是IE8中存在問題,掩碼背景會影響即使是疊加,也無法點擊頁面上的任何位置,甚至關閉疊加層。IE8中的jquery工具疊加掩碼

這裏的元素:

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

我不'不知道資源管理器與CSS有什麼不兼容,所以,你能告訴我這個代碼有什麼問題嗎?

在此先感謝

編輯:我得到了這個問題,但它是一個不同的問題,所以我要離開這個問題再拍一個。

回答

0

在IE不透明度在CSS使用:

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