今天要给wordpress网站里面的图片加上图层蒙版的特效，当鼠标经过图片的时候有图层蒙版的效果。

要实现这个效果，可以通过css样式进行处理，当鼠标经过图片的时候单独设置一个图片效果。

在图片样式里面加入下面代码：

.penci-item-mag:hover {
  opacity:0.8; filter: alpha(opacity=10);

}

.penci-item-mag是控制图片的css代码，只要改成自己网站里面控制对应图片的，css名称就可以了。

显示效果如下：