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

Question

我试图使背景不那么不透明，但文本的颜色保持不变。

.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>

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

标签： htmlcss

Answer 1

您的背景应该是 RGBA 颜色，应用不透明度适用于 div

background-color:rgba(128,128,128,0.3);