背景上的 CSS 透明度会影响内容

Question

我有一个带有 CSS 属性的 div，如下所示：

div.header {
    opacity:0.4;
    filter:alpha(opacity=40);
    background:#000;
    width:300px;
    height:300px;
}

问题是这个 div 内的内容也具有相同的透明度。如何只让背景颜色/div 显示透明度而不影响该 div 内的内容？

Answer 1

您可以使用rgba颜色：

div.header {
    background:rgba(0,0,0,0.4);
    width:300px;
    height:300px;
}