使用不透明度属性时，防止文本变得不透明

Question

我刚刚使用opacity作为background内容，但此div中的文字（我的意思是内容div）也变得不透明，我无法清楚地看到此div的文字

我希望容器元素background是不透明的，而不是文本。

div#content{
    color:white;
    width:1150px;
    background_color:black;
    opacity:.65;
    margin:0 auto;
    filter:alpha(opacity=65);
}

Answer 1

首先它是background-color或只是background而不是 background_color 其次，你需要的是rgba a代表 alpha 。

因此，当你想让背景颜色变得不透明时，比如使用

，说黑色不透明

background-color: rgba(0,0,0,.65);

Demo

Answer 2

您的CSS不是最佳做法。可以使用#content而不是div#content，因为id在文档中始终是唯一的。

您的background_color:black元素错误。您应该将其更改为background-color:black;