CSS属性：background-blend-mode 属性

background-blend-mode 是一个 CSS 属性，用于指定元素的背景图像与背景色之间的混合模式。这个属性通常与 background-image 和 background-color 一起使用，以创建一种图像和颜色混合的效果。

background-blend-mode 属性可以采用各种混合模式，其中一些常见的包括：

1. normal：默认值，表示正常混合。
2. multiply：使用乘法混合模式。
3. screen：使用屏幕混合模式。
4. overlay：使用叠加混合模式。
5. darken：使用变暗混合模式。
6. lighten：使用变亮混合模式。
7. color-dodge：使用颜色减淡混合模式。
8. color-burn：使用颜色加深混合模式。

示例：

.element {
  background-image: url('background-image.jpg');
  background-color: #3498db;
  background-blend-mode: multiply;
}

在这个例子中，.element 元素的背景图像使用 background-image 属性指定为 'background-image.jpg'，背景颜色使用 background-color 属性指定为 '#3498db'，并使用 background-blend-mode: multiply; 将背景图像与背景颜色进行乘法混合。这可以创建一种混合颜色和图像的效果。

转载请注明出处：http://www.zyzy.cn/article/detail/4110/CSS