定义和用法
background-blend-mode 属性定义每个背景层（颜色和/或图像）的混合模式。
实例
把背景图像的混合模式指定为 "lighten"（变亮）：
div {
background-repeat: no-repeat, repeat;
background-image: url("img_tree.gif"), url("paper.gif");
background-blend-mode: lighten;
}
CSS 语法
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
属性值
| 值 | 描述 |
|---|---|
| normal | 默认。把混合模式设置为普通。 |
| multiply | 把混合模式设置为 multiply（乘）。 |
| screen | 把混合模式设置为 screen（屏幕）。 |
| overlay | 把混合模式设置为 overlay（覆盖）。 |
| darken | 把混合模式设置为 overlay（覆盖）。 |
| lighten | 把混合模式设置为 lighten（变亮）。 |
| color-dodge | 把混合模式设置为 color-dodge（颜色减淡）。 |
| saturation | 把混合模式设置为 saturation（饱和度）。 |
| color | 把混合模式设置为 color（颜色）。 |
| luminosity | 把混合模式设置为 luminosity（亮度）。 |