How to set background color with opacity by css?

Question

1. I'm trying to set the background menu color (drop down) like this site: http://www.artofplacement.com/wordpress/ But I can't pick the color code. Its blue but less opacity I guess. How can I set background color with less opacity such as the reference site dropdown menu? I just want to copy the same menu css from http://www.artofplacement.com/wordpress/ to my site. I will put my working site in comments.

But I can't copy the background color from the dropdown menu.

1. Check this site: artofplacement.com/wordpress, when you mouse in to Room, you see a red bg color and a dropdown list and note that, the red bg is sticky until you mouse out to other menu. I need this sticky red. Can you help me?

Thanks in advance.

Answer 1

Try this color i exactly match with that sample site... change your font color as you like. background-color: rgba(164, 191, 246, 0.6); or background: rgba(164, 191, 246, 0.6); or color: rgba(164, 191, 246, 0.6);

Answer 2

Ad your drop down menu css hover effect :

background-image: rgba(235,235,235,1);
    background-image: -webkit-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -moz-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -o-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: -ms-linear-gradient(top, #ff0000 0%,#a60000 100%);
    background-image: linear-gradient(top, #ff0000 0%,#a60000 100%);
    -webkit-box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;
    box-shadow: rgba(128,128,128,1) 0px 0px 0px 0px, inset rgba(255,255,255,1) 0px 0px 0px 0px;

Working demo: DEMO Another Demo: DEMO2