javascript - 如何通过单击模态窗口外的任意位置来关闭模态

Question

我目前正在研究 this网站。

我想添加额外的功能，用户可以关闭模​​式(可以在灰色子标题的右上角打开)单击模式框以外的任何地方。

目前只有在模态框右上角或黑色背景点击关闭才能关闭模态

我怎样才能使这成为可能？

Answer 1

您可以将 z-index 的值设置为更大的黑色覆盖 (#modal-overlay) 以使其显示在其他元素之上。

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

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

当然你应该在CSS中设置它并选择更合理的z-index值;)