css - 如何使不透明度仅适用于 div 类中的背景

Question

当我为我的主体 div 类设置不透明度时，它使文本和其他所有内容也变得不透明。我只希望灰色背景具有不透明度。这是我的代码:

<div class="main1">
content
</div>

CSS:

.main1
{
background-color:#333333;
border:2px solid #7C7C7C;
text-align:center;
width:1250px;
top:auto;
bottom:auto;
left:300px;
right:300px;
margin-left:auto;
margin-right:auto;
}

发生这种情况时，一切都会变得不透明。有帮助吗？

Answer 1

只给背景颜色一个不透明度

background-color: rgba(51,51,51,0.5);