我正在制作一个带有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">< 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的所有不兼容性,所以,你能告诉我这个代码有什么问题吗?
提前致谢
编辑:我遇到了问题,但这是一个不同的问题,所以我将这个问题留给另一个问题。答案 0 :(得分:0)
在IE中使用IE的不透明度:
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);