3

我正在使用插件 简单模式在我的站点中显示弹出窗口。我需要禁用与弹出窗口一起显示的覆盖。有什么解决方法吗？任何帮助将不胜感激谢谢

4

4 回答 4

5

在你的CSS中添加这个。它将隐藏覆盖

#simplemodal-overlay{
   display: none !important;
}

为确保它始终适用于您网站中的所有简单模式overlayId。simplemodal-overlay喜欢

$("#element-id").modal({
    overlayId : 'simplemodal-overlay'
});

然后覆盖的 id 将永远是simplemodal-overlay，上面的 css 将适用于所有人。

于 2012-06-27T11:33:43.973 回答
2

编辑：

// Change overlay color and opacity
$("#sample").modal({
opacity:0,
overlayCss: {backgroundColor:"#fff"}
});

摘自： http ://www.ericmmartin.com/projects/simplemodal/

或者

见演示：http: //jsfiddle.net/rathoreahsan/CzPQG/

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();        
    $('#simplemodal-overlay').css('display','none'); /* Overlay Div's display = none */
    return false;
});

见演示：http: //jsfiddle.net/rathoreahsan/Q2LHW/

于 2012-06-27T11:33:51.170 回答
2

尝试 -

$('#simplemodal-overlay').hide();
于 2012-06-27T11:33:54.430 回答
0

禁用覆盖将终止使用模式窗口/对话框的目的。无论如何，您可以将不透明度选项设置为 0。

于 2012-06-27T11:34:05.547 回答