Javascript 更改背景中的颜色文本

我使用剪辑路径使背景变成红色

.page:before {
content: '';
position: absolute;
clip-path: polygon(100% 50%, 0 0, 0 100%);
max-width: 550px;
height: 950px;
background: #F41B15 0% 0% no-repeat padding-box;
top: -20px;
z-index: -1;
width: 100%;}

我有一段灰色文本，当它与背景重叠时，我希望它在每个屏幕上自动变为白色

.page  p {
width: 100%;
text-align: center;
margin: auto;
margin-top: 31px;
color : #FFF}

这是图像

---

我将使用一个与段落内容相同的

span

元素和一个attirbute

aria hidden=“true”

来避免可访问性问题，然后在左上角将段落位置设置为相对，将

span

位置设置为绝对，使用与

相同的路径剪裁span的路径。页面：在

之前，将

span的文本置于白色上方。
可能会查看此处的混合模式css属性：