Css 更改与背景重叠的部分文本的颜色

我想将与移动背景元素重叠的9张卡片文本部分的文本颜色更改为白色。我如何做到这一点

我看着混合模式：屏幕；但它似乎不适用于这种情况。在这里，我导出了代码片段的编译css/html：

.包装纸{ 填充：30px0； } .章{ 边缘底部：20px； 最小高度：200px； 边界半径：6px； 背景色：f6f8f9； 填充：50px 60px； 溢出：隐藏； 位置：相对位置； 显示器：flex； 弯曲方向：立柱； 证明内容：之间的空间； } .第章标题{ z指数：1； 位置：相对位置； 字体大小：24px； 字号：500； 线高：1.25； 颜色：444； 文字装饰：无； 过渡色：颜色0.4s易入； } .第章链接， .a章{ z指数：1； 位置：相对位置； 字体大小：20px； 字体大小：300； 线高：1.5； 过渡色：颜色0.4s易入； } .第一章， .第一章{ 字体大小：60%； 左边距：5px； 位置：相对位置； 底部：-2px； } .chapter___标签{ 位置：绝对位置； 右：15px； 顶部：10px； 字体大小：14px； 文本转换：大写； z指数：1； } .第章\u标签-灰色{ 文本转换：无； 颜色：aaa； } .第章：之后{ 内容：； z指数：0； 位置：绝对位置； 右：30px； 底部：0； 宽度：400px； 高度：400px； 背景色：0a95ff； 转化：translateX-100%translateY-100%； 边界半径：50%； 长方体阴影：0 A95FF； 过渡：变换0.4s缓出，框影0.4s缓入，背景色0.2s缓出； } .第章：悬停{ 文字装饰：无； 光标：指针； } .章节：悬停.章节标题{ 颜色：白色； } .章节：悬停。章节链接， .第章：悬停a{ 颜色：白色； } .章节：悬停。章节链接范围：之后， .章节：悬停跨度：之后{ 宽度：100%； 背景色：白色； 过渡：背景色0.4s缓进，宽度0.2s缓进； 过渡延迟：0,0.4s； } .章节：悬停：之后{ 右：30px； 底部：0； 转化：无； } .章节：活动：之后{ 盒影：300px 0a95ff； }

---

在纯css中，您不能。可以将重叠的文本部分换行，然后使用颜色：白色

你能得到的最接近的可能是使用混合模式：亮度，它不会使它变成白色，但至少更可读