Css Div层位于彼此的顶部

我需要3个div在彼此的顶部，但不知道如何修复它

1：背景图像 2：不透明度层 3：文本层

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

有什么想法吗

---

谢谢；-）

CSS tricks的Chris Coyier有一个可能适合你的例子：

---

但是，这并不能说明text div是设置高度的一个div。

可以通过某种方式让text div定义其他div的行为。类似于#背景图像#不透明层<#文本层{