3分钟让你学会遮罩层效果的实现

前言

在我们写网页的时候，我们经常都要实现一个这样的效果：当用户进行某些操作的时候，比如鼠标移入、悬停或者点击一个区域时，区域上出现一个遮罩层，覆盖住了原来区域，给用户提供了更多的相关信息，就好像这样：

这是一张个人简介里的相片：

当你想获得更多过于TA的信息时，只要将你的鼠标移入相片区域，信息就出来了：

实现：

1. 首先我们创建一个div,命名为"img_div"，装有图片还有遮罩层的div。
2. 在"img_div"下创建一个，一个新的div，命名为=“mask”，里面放着的是遮罩层。

<div class="img_div">
	<img class