html - 如何使徽标坚固而不透明？

Question

<div>矩形被要求是不透明的，但里面的标志是<div>纯白色的，而不是透明的。我想知道如何解决这个问题。

我尝试在 image 和 rectangle 上调整不透明级别<div>，但它们都一起改变，而不是单独改变。

#palpa_white {
  height: 550px;
  width: 490px;
  margin-left: 240px;
}
.center_container {
  height: 580px;
  width: 1000px;
  background-color: black;
  opacity: 0.7;
  margin-left: 22%;
  margin-top: 9%;
}

没有错误消息，我只是无法让它做我想做的事。

<div class = "center_container">
  <img src = "../img/palpa_white.png" id = "palpa_white" alt = "kael_logo">
</div>

标签： htmlcss