ブロガーのドロップダウンメニューでホバリングしたときに白い背景に透明度を追加するCSS

Question

Bloggerで私のカスタムドロップダウンメニューをホバーすると表示される子供のオプションをCSSで手助けしてくれることを願っていました。

私のサイトには、次のとおりです。www.thenorthernmagnolia.com

はどうもありがとうございました！

Answer 1

一般に、背景色を変更することに慣れている場合は、CSSで透明なものを作成するのは簡単です。このように、RGBAの機能を使用します。

background-color: rgba(0, 0, 0, .5) 

パラメータは順番に、行く：赤値、緑値、青値、アルファ値。 Googleには、これらの値に対して再生できるカラーピッカーがあります。

アルファ値は不透明度です.1の値は不透明でなく、0は見えません。

Answer 2

ドロップダウンメニューをより透明にするために、以下のCSSを追加してみてくださいすることができます -

#cssnav > li > ul > li a, #cssnav > li > ul > li, #cssnav > li > ul, #cssnav > li > ul > li a:hover { 
background: rgba(255, 255, 255, 0.5) !important; 
}