Css 技巧：文本中的图像，然后用作div背景？

我希望在这方面能得到CSS的帮助。我在结合两个CSS概念时遇到困难：

对div使用文本而不是背景图像，但用作该背景的文本包含图像（即背景剪辑：文本等）

重新措辞：

创建一个包含图像的文本是相当简单和常见的（尽管我不介意确认最好的语法）

但是我想用这个技巧，把它设为一个div的背景，就是这样。在div中，我将使用常规文本和一个透明的PNG图像

我正在努力实现的目标：

基本上，我将在前景中使用PNG（即div内容），并以文字（即文本）作为背景。但是这些背景词本身应该用图像填充（为了纹理/美学等）

我尝试过一些事情，但都没有成功——只是一团糟，所以可能在这里发布也无济于事

感谢您的帮助。

可能是这样（使用渐变，但您可以用PNG图像替换）

.box{
高度：200px；
背景：线性梯度（45度，蓝色，粉色，绿色）；
位置：相对位置；
z指数：0；
}
.box：：之前{
内容：“这里有一些文字”；
颜色：透明；
文本对齐：居中；
字号：80px；
字体大小：粗体；
字体系列：无衬线；
位置：绝对位置；
z指数：-1；
排名：0；
左：0；
右：0；
底部：0；
背景：线性梯度（黄色、浅蓝色、橙色）；
-webkit背景剪辑：文本；
背景剪辑：文本；
}

谢谢！工作起来很有魅力。也可以用干净的溶液。主要的现代浏览器可能有什么问题，我应该为其添加前缀，或者使用回退吗？@Jason849不太可能，这应该适用于所有现代浏览器。唯一可能不起作用的是背景剪辑，在这种情况下，它会自动退回到经典background@Temani_Afif好啊我一直在努力，一切都很好。谢谢你的回答。嘿，我只是想知道，有没有办法添加一些类似于

动画：键入5s步骤（11，结束）；}到背景文本？再次感谢。