图片需要改颜色的部分需调成纯黑色,背景为纯白色
<style type="text/css">
.box{
width: 230px;
height: 200px;
background-image: url(img/bg.png),linear-gradient(#C62F2F,#C62F2F);
background-blend-mode: lighten;
background-size: 100% 100%;
}
</style>
<div class="box"></div>
效果如下:
支持渐变色:
<style type="text/css">
.box{
width: 230px;
height: 200px;
background-image: url(img/bg.png),linear-gradient(#FFC000,#0D8811);
background-blend-mode: lighten;
background-size: 100% 100%;
}
</style>
<div class="box"></div>
效果如下:
浏览器支持: