彼此重叠的 div 层

Question

我需要 3 个 div 相互叠加，但不知道如何解决。

1：背景图片 2：不透明层 3：文字层

文本层内容应根据输入的内容定义所有层的高度。 此外，文本层不应该在不透明度层内，因为我不希望它获得不透明度......

有什么想法吗？

谢谢 ;-)

Answer 1

CSS-tricks 上的 Chris Coyier 提供了一个可能适合您的示例：

https://css-tricks.com/examples/NonTransparentOverTransparent/

但是它没有考虑到文本 div 是设置高度的那个。