Html 透明div，但不包含其中的内容

在我开始之前，是的，我知道这个问题已经被问了很多次了，但我无论如何都不能让它起作用。我有一个

div

，它是透明的，但是我不希望它的内容，即文本和输入字段是透明的

请不要链接到以前的答案，因为我遵循了他们，但没有成功

下面是我的CSS代码的样子：

.csmodal {
    height: 300px;
    width: 600px;
    background-color: rgba(25, 11, 36, .5);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');
    float: none;
    display: inline-block;
    padding: 30px;
    margin: 200px auto;
    opacity: 0.4;
}

.cs-container {
    margin-right: auto;
    margin-left: auto;
}

#cs-headline {
    margin-bottom: 20px;
}

#cs-description {
    font-size: 14px;
    line-height: 20px;
    color: #eeee22;
}

h1 {
    margin: 10px 0;
    text-rendering: optimizelegibility;
    color: #eeee22;
}

HTML代码：

<div class="cs-container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3 csmodal">
            <h1 id="cs-headline">Website Launching Soon</h1>
            <div id="cs-description">
                <p style="text-align: center;">The launch of our official website is coming soon. Stay tuned!</p>
            </div>
            <form class="form-horizontal">
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                    </div>
                </div>
            </form>
        </div>
    </div> </div>

网站即将推出
我们的官方网站即将推出。请继续收看

指定元素不透明度会更改父级和所有子级的不透明度

从功能的角度考虑，我们想要的只是能够看到背景。在这种情况下，我们可以像这样应用背景色或alpha通道：

背景色：rgba（{0-255}，{0-255}，{0-255}，{0-255}，[0-1]

最后一部分确定不透明度

如果您想要具有alpha通道的图像，则需要具有透明资源

---

如果你能将一个元素放置在绝对位置并对其应用不透明度，那么请发挥你的想象力，以此类推。为了确保我理解你的意思，你希望DIV是透明的，例如背景是透明的，但希望其中的文本和图像保持不透明，对吗？@ijustin Yes th至少correct@raam86请在评论之前阅读。我已经看到了答案。你有没有尝试过像这样的透明背景啊，我明白了。谢谢你的帮助。下次我一定会记住这一点：）@raam86：你错过了rgba（…）？