我使用 Keenan Payne 描述的模态窗口，它是用 HTML5 和 CSS3 制作的。 我希望它在用户单击模态窗口外的变暗背景时关闭。有人知道怎么做吗？
基南佩恩的模态窗口： http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/
【问题讨论】：
标签： html css cross-browser modal-dialog modal-window
您必须在不同于#openModal 的地方更改目标。你可以导入 jQuery，把它放在<head> 部分：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
并在</body>标签之前添加此代码：
<script type="text/javascript">
$("#openModal").click( function() {
if (!$("#openModal>div").is(":hover")) document.location.href='#';
});
</script>
因此，当用户单击覆盖时，目标将更改为“#”，并且模式将关闭。
【讨论】：