我想使用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; }