opacityで半透明にすると子要素まで透明になってしまう。
【css覚書】opacityで背景を半透明に設定。opacity:0.8;だけど、そうすると子要素の画像まで半透明に。色々調べていくと、rgba(255, 255, 255, 0.8);で設定すれば、背景だけ半透明にできるよう。やってみたけれど、うまく設定できない!なぜ?と思ったらbackground-color: rgba(255, 255, 255, 0.8);にしないといけなかったのにopacity:rgba(255, 255, 255, 0.8);と設定してた!無事に設定できました!