html - 透明背景和标志

Question

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

请问你有什么想法吗？

这是我的 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;
}