如何通过css设置不透明度的背景颜色？

Question

1. 我正在尝试像这个网站一样设置背景菜单颜色（下拉菜单）： http : //www.artofplacement.com/wordpress/但我无法选择颜色代码。 我猜它是蓝色的，但不透明度较低。 如何设置不透明度较低的背景颜色，例如参考站点下拉菜单？ 我只想将相同的菜单 css 从http://www.artofplacement.com/wordpress/复制到我的网站。 我会把我的工作网站放在评论中。

但我无法从下拉菜单中复制背景颜色。

1. 检查此站点：artofplacement.com/wordpress，当您将鼠标移至 Room 时，您会看到红色背景颜色和下拉列表，请注意，红色背景是粘性的，直到您将鼠标移至其他菜单。 我需要这种粘稠的红色。 你能帮助我吗？

提前致谢。

Answer 1

广告您的下拉菜单 css 悬停效果：

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;

工作演示： DEMO另一个演示： DEMO2

Answer 2

试试这个颜色，我与那个示例站点完全匹配...根据需要更改字体颜色。 背景颜色：rgba(164, 191, 246, 0.6); 或背景：rgba(164, 191, 246, 0.6); 或颜色：rgba(164, 191, 246, 0.6);