CSS 合成和混合

**CSS 合成和混合**模块定义了如何将元素的背景层混合在一起，如何将元素与其容器混合，以及元素是否必须创建一个新的堆叠上下文。

此 CSS 模块中的属性可用于定义应使用的混合模式（如果有），以将元素的背景图像和颜色混合成单个背景图像。此模块提供了 16 种混合模式。您还可以定义元素的边框、背景和内容（包括文本、表情符号和图像）应如何与其容器的背景混合。

合成和混合在实践中

在此示例中，每个框都有一个边框、两个条纹背景图像和一个纯色背景。所有框的公共背景包含一个圆形图案。第二行中的三个框设置为与其容器的背景混合。

请注意，背景、边框和内容都受到混合的影响。要查看此示例的代码，请在 GitHub 上查看源代码。

参考

属性

规范

规范
合成和混合级别 2
合成和混合级别 1

另请参阅