html - 更改背景颜色的不透明度，但不更改文本

<分区>

我正在尝试降低背景的不透明度，但让文本的颜色保持不变。

.overview {
  background: gray;
  width: 45%;
  opacity: 0.3;
  margin-left: auto;
  margin-right: auto;
  font-size: large;
  border-radius: 8px;
}

.overview p {
  text-align: center;
  color: white;
}

<div id="overview" class="overview">
  <p>
    Blah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blah Blah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blahBlah blah

  </p>
</div>

但是文本和背景颜色都变暗了

最佳答案

你的 background should be an RGBA color , 应用不透明度是为了 div