Javascript 如何通过单击模式窗口外的任意位置关闭模式

Javascript 如何通过单击模式窗口外的任意位置关闭模式,javascript,jquery,html,css,modal-dialog,Javascript,Jquery,Html,Css,Modal Dialog,我目前正在网站上工作 我想添加额外的功能,用户可以关闭模式 (可在灰色子标题的右上角打开) 通过单击除模式框之外的任意位置 现在,我只能在模式框右上角或黑色背景单击“关闭”时关闭模式 我怎样才能做到这一点呢?您可以将z-index的较大值设置为黑色覆盖(#模态覆盖),使其显示在其他元素之上 出于测试原因,您可以在控制台中测试此代码: $('#modal-overlay').css('z-index', 10000); $('#modal-name, #modal-movies').css('z-

我目前正在网站上工作

我想添加额外的功能,用户可以关闭模式 (可在灰色子标题的右上角打开) 通过单击除模式框之外的任意位置

现在,我只能在模式框右上角或黑色背景单击“关闭”时关闭模式


我怎样才能做到这一点呢?

您可以将
z-index
的较大值设置为黑色覆盖(
#模态覆盖
),使其显示在其他元素之上

出于测试原因,您可以在控制台中测试此代码:

$('#modal-overlay').css('z-index', 10000);
$('#modal-name, #modal-movies').css('z-index', 10001);

当然,您应该在CSS中设置它,并选择更合理的z索引值;)

当我在旁边打卡时,它就关上了。。背景。你同时做到了?