透明背景和徽标 [重复]

Question

我想将徽标放在透明背景黑色中，但我的徽标现在变得透明......这是个问题。 我希望我的标志和以前一样。

请问你有什么想法吗？

这是我的 HTML

<div class="my-banner">
    <img class="banner" src="images/slider.jpg" alt="banniere">
    <div class="background-opacity">
      <img class="logo" src="images/logo.png" alt="logo" >
    </div>
  </div>

我的 CSS

.banner{
  height: 530px;
  width: 1366px;
  position: absolute;
}

.background-opacity{
  background-color: black;
  opacity: 0.5; 
  height: 100px;
  width: 1366px;
}

.logo{
  padding: 20px 0px 0px 35px;
}

Answer 1

使用以下内容：

.background-opacity{
  background-color: rgba(0,0,0,0.5);
  opacity: 1; 
  height: 100px;
  width: 1366px;
}