親要素の背景色だけ透過させて、子要素の文字は透過させたくない


ポイント

  • 普通にopacityだとどちらも透過する
  • background-color: rgba(#,#,#,#) のようにすると背景だけ透過する
  • 色コード(16進数)-> rgb(10進数)に変換する必要がある

色コードの変換に使えるサイト

ここのサイトを使いました。