opacityとrgbaの違い 案件で、ページにアクセスした際に上からホバーウインドウが降りてくる機能を実装することになりました。その際、背景だけを半透明したかったですが、思いのほか解決に手こずったので備忘録としてメモを残しておきます。 完成予想図は次のような状態です。 「透明といえばCSSでopacityを0.5ぐらいに指定すればいいだけだな」 と下記のコードをササッと書いてみた。 <div id="lp-ad" style="position: fixed; left: 50%; margin-top: -500px; margin-left: -323px; padding: 20px; background-color: #0000FF; opacity: 0.5; "> <a href="http://www.kurosawakoumuten.co.jp/lp/" target=