Forum - Hintergrundfarbe der Elemente halbtransparent

<style>
.Hintergrundfarbe {
  background: rgba(50, 150, 150, 0.5);
  color: #000000;
  margin:50px;
  padding: 2px 10px;
}
</style>
 
<div class="Hintergrundfarbe">
  <b>TRANSPARENT</b>
</div>
 

<style>
.trans_image { 
  opacity: 0.5;
}
</style>
 
<img class="trans_image" src="https://files.homepagemodules.de/b104774/a_387_6602d208.jpg" width="500">
 

<style>
.text_noTrans { 
  background: #444444; 
  background: hsla(400,80%,90%,0.3); 
  color: #eeeeee;
  position: absolute;
  top:50px;
  left:50px;
}
</style>
 
<div>
  <div>
    <img src="https://files.homepagemodules.de/b104774/a_387_6602d208.jpg" width="500" alt="Halbdurchsichtige Box über Bild">
  </div>
  <div class="text_noTrans">
    TRANSPARENT
  </div>
</div>
 

<style>
.trans_image {
  opacity: 0.3;
}
.text_noTrans {
  z-index:999999;
  background: #eeeeee;
  color: #000000;
  position: absolute; 
  margin:50px;
  padding: 2px 10px;
}
</style>
 
<div>
  <div class="text_noTrans">
    <b>TRANSPARENT</b>
  </div>
  <div>
    <img class="trans_image" src="https://files.homepagemodules.de/b104774/a_387_6602d208.jpg" width="500" alt="Text auf transparentem Bild">
  </div>
</div>