0

我使用 Keenan Payne 描述的模态窗口，它是用 HTML5 和 CSS3 制作的。我希望它在用户单击模态窗口外的深色背景时关闭。有人知道该怎么做吗？

Keenan Payne 的模态窗口： http ://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

4

1 回答 1

1

您必须更改与#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>

因此，当用户单击覆盖时，目标将更改为“#”，并且模式将关闭。

于 2013-10-30T15:43:23.067 回答