Html 点击后关闭的黑色覆盖层？

我对编程非常陌生，我正试图在我的网站的整个页面上设置一个黑色覆盖层，除了一些带有z索引的内容。但问题是，我需要能够关闭/禁用黑暗覆盖一旦我按下覆盖，我还没有找到一种方法在谷歌或Stackoverflow上这样做。我看到它完成的唯一方法是使用一个按钮，但在我的例子中，这不起作用，我只想当你点击黑暗覆盖的任何部分时，能够禁用黑暗覆盖

有什么办法可以解决这个问题吗？

您应该使用JavaScript（和jQuery）来解决这个问题：

单击然后隐藏覆盖的事件侦听器

$（文档）。单击（函数（）{
$（'#overlay'）.css（'display'，'none'）；
});
#覆盖{
位置：绝对位置；
排名：0；
左：0；
背景颜色：灰色；
宽度：100%；
高度：300px；
不透明度：0.6；
}

这是覆盖下面的内容
您应该使用JavaScript（和jQuery）来实现：

单击然后隐藏覆盖的事件侦听器


$（文档）。单击（函数（）{
$（'#overlay'）.css（'display'，'none'）；
});
#覆盖{
位置：绝对位置；
排名：0；
左：0；
背景颜色：灰色；
宽度：100%；
高度：300px；
不透明度：0.6；
}

这是覆盖下面的内容
你可能也需要。你能发布你的
HTML
和
JavaScript
，这将真正帮助我们帮助你。你可能也需要。你能发布你的
HTML
和
JavaScript
，这将真正帮助我们帮助你。谢谢，这正是我想要的，这将极大地帮助我更好地掌握。感谢这正是我所寻找的，这将极大地帮助我更好地掌握。