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">< Anterior</button>
<button type="button" id="siguiente">Siguiente ></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有什麼不兼容,所以,你能告訴我這個代碼有什麼問題嗎?
在此先感謝
編輯:我得到了這個問題,但它是一個不同的問題,所以我要離開這個問題再拍一個。