前端页面如何为图片添加黑色半透明遮罩

在实际开发中常常会遇到对图片加一层半透明遮罩，而后上面显示文字说明的需求。 以下图： 如何实现呢？看代码！ 须要把图片放到一个父容器中，为父容器设置背景色为黑色background: #000;，再为图片自己添加一层线性渐变蒙版-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(

>>阅读原文<<