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

y53ybaqx  于 2023-04-27  发布在  Bootstrap
关注(0)|答案(1)|浏览(138)

我在用

.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不透明度的规则)

rhfm7lfc

rhfm7lfc1#

使用rgba代替,如果它没有工作,请留下评论

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

检查demo here

相关问题