在DOM元素上使用css混合模式，该元素位于具有背景图像的元素之上

好奇的是，是否有人知道如何使用新的css属性background blend mode在一个元素（例如标题）上应用背景颜色，该元素的位置（z索引）高于需要混合背景图像的元素

我知道如何将背景图像、背景颜色和背景混合模式应用于同一元素，但我认为这样的方法也适用于页面的一小部分。我有一个我的网站的背景图像，但只希望标题的一部分，以混合与该背景不同的颜色

---

非常感谢您的建议。

经过进一步的挖掘，我发现

混合模式将实现我想要的功能。似乎
背景混合模式
和
混合混合模式
即将发布到Chrome和Firefox的主要版本中

我要注意的一件事是，混合模式不必在多个层中工作，这取决于您想要混合的层之间的层的背景设置。您可能需要将
混合模式
添加到中间的一个或多个层
 但是大多数浏览器还不支持背景混合模式。。