1、黑色純色，背景白色的圖片

.pic1 {
    background-image: url($img), linear-gradient(#f00, #f00); //純色漸變
    background-blend-mode: lighten;
    background-size: cover; //圖片鋪滿螢幕
}
.pic3 {
    background-image: url($img), linear-gradient(#f00, #00f); //漸變色漸變
    background-blend-mode: lighten;
    background-size: cover
 
; 
}

lighten這個混合模式：變亮、變亮模式與變暗模式產生的效果相反，黑色比任何顏色都要暗，所以黑色會被任何色替換掉。反之，如果素材的底色是黑色，主色是白色。那就應該用變暗（darken）的混合模式