实现点击按钮显示蒙层，点击蒙层隐藏蒙层的效果，可以使用javascript和html轻松完成。 以下步骤和代码示例将引导您完成整个过程：
首先，创建一个充当蒙层的div元素，并设置其样式使其在页面加载时处于隐藏状态。 该样式包括背景颜色、透明度、定位以及占据整个屏幕。
接下来，为按钮添加一个onclick事件处理程序，该处理程序调用JavaScript函数来显示蒙层。
最后，为蒙层本身添加一个onclick事件处理程序，以便用户点击蒙层时将其隐藏。
立即学习“Java免费学习笔记（深入）”；
以下是实现此效果的HTML和JavaScript代码：
HTML:
JavaScript:
function showOverlay() {
document.getElementById("overlay").style.display = "block";
}
document.getElementById("overlay").addEventListener('click', function() {
this.style.display = "none";
});
这段代码使用了addEventListener来更有效地处理事件，并且将position属性设置为fixed，确保蒙层始终覆盖在页面之上。 rgba(0, 0, 0, 0.5) 设置了蒙层的颜色为半透明黑色。 您可以根据需要调整这些样式。
