定義和(hé)用法
background-blend-mode 屬性定義每個背景層（顔色和(hé)/或圖像）的混合模式。
實例
把背景圖像的混合模式指定為(wèi) "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 | 默認。把混合模式設置為(wèi)普通(tōng)。 |
| multiply | 把混合模式設置為(wèi) multiply（乘）。 |
| screen | 把混合模式設置為(wèi) screen（屏幕）。 |
| overlay | 把混合模式設置為(wèi) overlay（覆蓋）。 |
| darken | 把混合模式設置為(wèi) overlay（覆蓋）。 |
| lighten | 把混合模式設置為(wèi) lighten（變亮）。 |
| color-dodge | 把混合模式設置為(wèi) color-dodge（顔色減淡）。 |
| saturation | 把混合模式設置為(wèi) saturation（飽和(hé)度）。 |
| color | 把混合模式設置為(wèi) color（顔色）。 |
| luminosity | 把混合模式設置為(wèi) luminosity（亮度）。 |