如何在与背景图像相交时切换文本颜色？

Question

我将以下设计放在页面的左上角：

基本上，这是与可点击文本相交的背景图像（一个圆圈）。调整窗口大小时，文本可能会换行到下一行。因此，由于这个原因，我不能简单地将其作为图像插入，以及由于屏幕分辨率的变化而导致字体大小发生变化的移动支持。

如何使文本片段在红色背景上变为白色，在白色背景上变为红色？

Answer 1

您描述的内容无法仅通过CSS来完成。但是，您可以创建一个圆形的div，并在div中包含几个字符。这些将被涂成白色，外面将变成红色。圆形div将使用border-radius：50％创建。

除了颜色外，所有其他属性都需要共享，以便它们根据屏幕尺寸而变化，这些变化是一致的