透明的背景和标志

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;
}