如何设置不同的不透明度以引导下拉菜单

Question

我正在使用

.navbar-default {
z-index:99;
opacity:0.8;
}

我希望将下拉菜单项设置为0.9不透明度。

尝试了许多事情但没有成功。例如：

.dropdown-menu>li>a {
opacity:0.9 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
opacity:0.9 !important;
}

.open {
background: #fff !important;
opacity:0.9 !important;
}

更清楚的是，除了打开的下拉菜单外，菜单中的所有内容都会获得0.8的不透明度。所以我需要一种覆盖第一条规则（设置0.8不透明度的规则）的方法

Answer 1

使用rgba代替，如果不起作用请发表评论

.dropdown .dropdown-menu {
background-color:rgba(255,0,0,0.5);
}

检查demo here