在CSS盒模型中，元素的背景色在背景图片之下，边框在它们之上。或许你可以从名字猜出，background-blend-mode将一个元素的背景色和图片混合在一起。当一个元素只有单一背景图片，background-blend-mode控制背景图如何与它后面的背景颜色融合。

要应用混合背景，在background-blend-mode后面设置混合类型值，在这个实例中使用lighten。

.blend { 
background-color : #8c4549; 
background-image : url(blend-01.jpg); 
background-blend-mode : lighten; }

左边为normal，右边为lighten。