【问题标题】:how to make text that crosses image or div transparent or different color? [duplicate]如何使跨越图像或 div 的文本透明或不同颜色? [复制]
【发布时间】:2025-11-25 11:05:02
【问题描述】:

我在搜索 dribble 网站模板时遇到了这个设计,我想知道这种文字在图像上的效果是否可以在 CSS 中实现?

【问题讨论】:

标签: html css


【解决方案1】:

你不能让文字在碰到图片时改变颜色。

但是您可以创建一个span,其中包含 3 个其他颜色的跨度 .

您还可以在 css 中使用 color: someTransparentColor; 使文本透明。

【讨论】:

    【解决方案2】:

    解决方案是使用两个文本:

    • 包含您的图像的 div 元素内的一个白色
    • 在此元素之外但在图像下方着色

    那么你必须找到给他们完全相同的位置的好方法。

    【讨论】:

      最近更新 更多