通过parrent div透明的文本

Question

StackOverflow的才华横溢的人才。 我需要一个解决方案或帮助来找到我的特定问题。

我有一个带有背景图像的div，在它上面我有另一个背景颜色为rgba（红色，.9）的div，在它上面，我有一个巨大的文本标题，通过它的父级应该是透明的，实际上透过主父div看图像

<div class="grand-parent" style="background-image: url(random)">
    <div class="parent" background="rgba(red, .9)">
        <h1> MY GIANT TITLE </h1>
    </div>
</div>

这可以通过剪切，遮罩或混合混合模式来完成（我没有做到），但关键是，尽管文本应该是纯白色，越过红色div，实际上，您可以通过文本查看图像，例如具有不透明度的文本......

我能以某种方式透过红色div看到吗？ 如果有人知道如何使用画布，我会很感激的演示。非常感谢和抱歉。