此问题在此处已有答案：
Dual-Color Text（2个答案）
昨天关门了。
我尝试建立白色两色的标题。颜色的变更应该发生在字母中，所以我无法使用span。标题是“Modern Art Gallery”。我希望变更发生在字母'n'。（请参阅下面的范例影像。）
我尝试使用筛选器，但没有效果。现在我尝试使用两个标题，一个白色，一个黑色，但当我将它们放在彼此的顶部时，我只能看到其中一个，这取决于z索引。
此问题在此处已有答案：
Dual-Color Text（2个答案）
昨天关门了。
我尝试建立白色两色的标题。颜色的变更应该发生在字母中，所以我无法使用span。标题是“Modern Art Gallery”。我希望变更发生在字母'n'。（请参阅下面的范例影像。）
我尝试使用筛选器，但没有效果。现在我尝试使用两个标题，一个白色，一个黑色，但当我将它们放在彼此的顶部时，我只能看到其中一个，这取决于z索引。
2条答案
按热度按时间kq4fsx7k1#
你可以使用混合模式，把背景分成白色两部分，文本的颜色为白色。
黑色和白色之间的差异是#fff（即白色），白色和白色之间的差异是#000（即黑色）
第一个
dffbzjpn2#
有几种方法可以实现这一点。可在此处找到扩展指南：https://css-tricks.com/methods-contrasting-text-backgrounds/。
作为一个例子，你可以尝试下面的方法。你创建一个父元素和子元素，在这个例子中我们选择了和。然后确保header和h2有相同的背景，并且这些背景完全重叠。然后设置颜色：并且将其背景剪辑到文本。
最后一步是设置过滤器：在h2上设置invert（1）。对于白色文本，可以设置过滤器：反转（1）灰度（1）对比度（9）
第一个