2024年4月11日发(作者：)

CSS中点击按钮实现半透明遮罩蒙层效果

一、实现的功能

要求：点击“添加蒙层”按钮，页面会出现一层半透明的遮罩层，按钮也会

变成“隐藏蒙层”，点击“隐藏蒙层”按钮，页面的半透明遮罩层会消失。

二、实现代码

代码

和js代码

三、实现效果

1.刚打开时，页面显示如下：

2.点击“添加蒙层”按钮后，效果如下。

3.点击“隐藏蒙层”按钮后，页面又恢复到之前。