前端頁面如何爲圖片添加黑色半透明遮罩

在實際開發中常常會遇到對圖片加一層半透明遮罩，而後上面顯示文字說明的需求。 以下圖： 如何實現呢？看代碼！ 須要把圖片放到一個父容器中，爲父容器設置背景色爲黑色background: #000;，再爲圖片自己添加一層線性漸變蒙版-webkit-mask:-webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,1),rgba(0,0,0,1),rgba(

>>阅读原文<<