IE8中的jquery工具覆盖掩码答案

【问题标题】：jquery tools overlay mask in IE8IE8中的jquery工具覆盖掩码
【发布时间】：2012-04-25 21:27:23
【问题描述】：

我正在使用 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 的所有不兼容性，所以，你能告诉我这段代码有什么问题吗？

提前致谢

编辑：我遇到了问题，但这是一个不同的问题，所以我将这个问题留给另一个问题。

【问题讨论】：

标签： jquery css internet-explorer overlay jquery-tools

【解决方案1】：

在 IE 中用于 css 的不透明度：

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

【讨论】：