我使用 Keenan Payne 描述的模态窗口，它是用 HTML5 和 CSS3 制作的。 当用户点击模态窗口外的深色背景时，我希望它关闭。有人知道怎么做吗？
Keenan Payne 的模态窗口: http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/
最佳答案
您必须更改与#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>
因此，当用户点击叠加层时，目标将更改为“#”并且模式将关闭。
关于HTML5 CSS3 模态窗口，点击外部关闭，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19684599/