CSSで背景色を半透明にする

<style>
div.background-banner {
  background-image: url(background.jpg);
  padding: 1em;
}

h2 {
  background-color: rgba(255,255,255,0.5);
  border-radius: 5px;
  padding: 1em;
  margin: 1em;
}
</style>

<div class="background-banner">
  <h2>バナー表示をするテスト</h2>
</div>