Javascript 在175度的50%高度后更改文本颜色

我在50%高度和175度角度后改变背景色。所以，当背景色为蓝色时，我希望文本颜色变为白色

.bg{
背景：线性梯度（175度，#E250%，#43528950%）；
颜色：#000；
}

嗨，我叫约翰，我爱你。我真的不知道，怎么做，有人能帮我吗？如果背景=蓝色，文本颜色=白色

您可以专门应用该颜色。看见

---

您可以专门应用该颜色。看见

新答案：

使用相同形状的线性渐变设置

h1

元素的背景，但设置文本所需的颜色。然后使文本颜色透明，并使用

背景剪辑：text

（注意）为文本着色

.bg{
背景：线性梯度（175度，#E250%，#43528950%）；
颜色：#000；
}
h1{
颜色：透明；
背景：线性梯度（175度，#435289 50%，白色50%）；
-webkit背景剪辑：文本；
背景剪辑：文本；
}

嗨，我叫约翰，我爱你。我真的不知道，怎么做，有人能帮我吗？如果背景=蓝色，文本颜色=白色

新答案：

使用相同形状的线性渐变设置

h1

元素的背景，但设置文本所需的颜色。然后使文本颜色透明，并使用

背景剪辑：text

（注意）为文本着色

.bg{
背景：线性梯度（175度，#E250%，#43528950%）；
颜色：#000；
}
h1{
颜色：透明；
背景：线性梯度（175度，#435289 50%，白色50%）；
-webkit背景剪辑：文本；
背景剪辑：文本；
}

嗨，我叫约翰，我爱你。我真的不知道，怎么做，有人能帮我吗？如果背景=蓝色，文本颜色=白色

试着不要只要求别人完成你的代码，展示你的研究你自己做了什么来尝试和解决这个问题？你在这方面做了什么？解决你的问题？我看到您将javascript作为一个标签添加到您的问题中。javascript在哪里？当背景色=蓝色时，文本颜色变为白色。可能吗？怎么做？我什么都没试过，因为我不知道。我不是要给你写代码，但请给我一些提示。我做了我的研究，但我在互联网上找不到类似的东西。使用HTML和CSS实现这一点绝非易事。试着不要只要求别人完成你的代码，展示你的研究你自己做了什么来尝试和解决这个问题？你在这方面做了哪些尝试？解决你的问题？我看到您将javascript作为一个标签添加到您的问题中。javascript在哪里？当背景色=蓝色时，文本颜色变为白色。可能吗？怎么做？我什么都没试过，因为我不知道。我不是要给你写代码，但请给我一些提示。我做了我的研究，但我在互联网上找不到任何类似的东西。使用HTML和CSS实现这一点并非易事。这只是举个例子，我更新了问题，请参见片段。这正是您所描述的工作方式。。。。。Text=when background=bluel时Text=when background=bluel我不认为在css中有任何简单的方法可以做到这一点。我喜欢@Ori的答案，但如果这对你来说至关重要，请检查浏览器兼容性。@tech2017是正确的-查看关于混合混合模式（答案中的链接）的底部文章，例如，我更新了问题，请参阅代码段。这正是您描述的工作方式。。。。。Text=when background=bluel我不认为css中有任何简单的方法可以做到这一点。我喜欢@Ori的答案，但如果这对你来说至关重要，请检查浏览器的兼容性。@tech2017是正确的-看看下面关于混合混合模式的文章（答案中的链接），他们说，英雄模式在现实世界中并不存在。谢谢你的帮助：）他们说，英雄的在现实世界中是不存在的。谢谢你的帮助：）

.bg {
  background: linear-gradient(175deg, #e2e2e2 50%, #435289 50%);
  color: #000;
}

h3 {
  color: #fff
}