Css 混合模式差异

我尝试添加混合模式：差异；“跨越”，但它不起作用

此解决方案有效：我将混合模式“caption span”改为“caption span”。但我真正需要的是将span放在div中

知道为什么吗？谢谢

。标题{
位置：绝对位置；
顶部：10px；
左：10px；
z指数：99；
字体大小：62px；
}
.标题跨度{
颜色：#fff；
混合模式：差异化；
}
.背景图像{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
指针事件：无；
溢出：隐藏；
z指数：0；
}
.背景图像img{
对象匹配：覆盖；
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}

大字标题

据我所知，唯一的方法是使用

混合模式

是通过放置

和

太好了，谢谢你，韦伯。还有一个问题-也许你能帮我吗？是否可以使用灰色过滤器（使其变成黑白）？类似于

过滤器：灰度（100%）；

？谢谢：）@l00per我很乐意提供帮助，但如果答案有帮助，请将其标记为答案，以便其他人可以跟随它，关于应用过滤器，您希望将过滤器应用于文本或背景img。？希望将其标记为答案有效？是的，在文本上。因此，覆盖是黑白的：）类似于此的内容？span{颜色：#fff；混合混合模式：差异；过滤器：灰度（100%）；位置：绝对；顶部：10px；左侧：10px；z索引：99；字体大小：62px；}@l00per我在回答中为

混合混合模式添加了一些值，我找不到您需要的任何东西，但是如果我有想法，我会尝试一些东西，我会给您回复。顺便说一句，
灰度模式和
混合模式不能一起工作。对不起，非常感谢。是的，我认为这可能是个问题em:）