关闭模态对话框屏幕

Question

我目前正在我的网站上为注册页面实施模态对话框屏幕，为您节省时间我不会撒谎并说我正在按照本教程 - http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

一切正常，但它没有显示如何关闭用户点击它外面的对话框，就像它周围的身体其他部分一样。

我该怎么做？

感谢您的帮助

Answer 1

您只需要从想要触发关闭的任何事件再次致电overlay()。它切换叠加层的可见性（如果叠加层可见，则调用overlay()隐藏它，反之亦然）：

function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

您也可以考虑使用jQuery UI's dialog widget之类的内容。