jQuery:设置模态对话框叠加颜色

前端之家收集整理的这篇文章主要介绍了jQuery:设置模态对话框叠加颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用jquery ui弹出一个模态对话框,其中覆盖是完全黑色的。我知道我可以在主题中设置这个,但是我不希望所有的对话框都有一个黑色的叠加。只是其中之一。

有没有办法在每个对话的基础上配置一个对话框的背景(重叠)颜色?也许当它创建时?

TIA

解决方法

您可以使用ui对话框的打开和关闭事件。
$("#your-dialog").dialog(
{
    autoOpen: false,modal: true,open: function() {
        $('.ui-widget-overlay').addClass('custom-overlay');
    },close: function() {
        $('.ui-widget-overlay').removeClass('custom-overlay');
    }            
});

并在CSS中添加所需的样式。例:

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.9;
    z-index: 1040;    
}

猜你在找的jQuery相关文章