CSS背景剪辑：来自父元素背景的文本

我试图在一个子div上获取一个

背景剪辑：text

，以从父div获取其背景。基本上，它应该看起来像是被剪切掉的文本

当背景在同一个元素上时很容易做到，但我似乎无法确定背景在不同的div上

.background{
宽度：100%；
高度：700px；
背景：url（'http://bgfons.com/uploads/gold/gold_texture464.jpg');
背景尺寸：封面；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.background>div{
弹性：1；
字号：5em；
字体大小：粗体；
文本对齐：居中；
}
.前景1{
背景剪辑：文本；
-webkit背景剪辑：文本；
颜色：透明；
}

这是一些文本
这是一些文本

您必须将

背景剪辑

应用于要剪辑的背景：

.background{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：100%；
背景：url（'http://bgfons.com/uploads/gold/gold_texture464.jpg');
背景尺寸：封面；
背景剪辑：文本；
-webkit背景剪辑：文本；
}
.background>div{
弹性：1；
字号：3em；
字体大小：粗体；
文本对齐：居中；
}
.前景1{
颜色：透明；
}

这是一些文本
这是一些文本

请添加您的代码。@Sara添加了代码。如果您想检查，可以使用Plnkr。谢谢，太好了。我过分简化了我的问题，所以我不得不做一些调整，但这正是有帮助的。谢谢：）