Javascript 引导导航栏不透明度适用于大小屏幕

我希望我的导航栏顶栏的不透明度为0.75，但导航栏下拉菜单（出现在小屏幕上）的不透明度为1.0；我当前的代码在小屏幕上非常有效（使用rgba colornotation来避免父-工具栏-子-下拉菜单-将不透明度设置为单独的值时的继承问题）[黄色表示“不不透明”；紫色表示“不透明”：

但在大屏幕上，我现在看到：

只是左右角不不透明，顶栏的主体部分不透明；然而，我希望整个顶栏不是不透明的（显然是相同的颜色）

我知道当下拉菜单被折叠到顶部栏时，它会带上不透明度功能，但这不是我想要的

这是一把小提琴，它显示了改变屏幕宽度时的行为：

此css部分设置“下拉菜单”的不透明度（但显然适用于所有菜单…）：

---

只需将

.navbar.navbar-custom.navbar折叠

放在媒体查询中即可

*我添加了一个自定义类（

navbar-custom

），这样CSS核心就不会直接重写

.navbar.navbar-custom{
边缘底部：19px；
背景色：rgba（22417863,0.75）；
边框颜色：rgba（192,40,8,0.75）
}
/*品牌名称*/
.navbar.navbar-custom.navbar品牌{
颜色：rgba（255、217、217、1）；
填料：14x15px；
字号：28px；
}
/*其他菜单字体项*/
.navbar.navbar-custom.navbar-nav>li>a{
颜色：rgba（241、210、210、1）；
字体大小：20px；
}
.navbar.navbar-custom.navbar品牌：悬停{
颜色：rgba（255，255，255，1）；
}
.navbar.navbar-custom.navbar-nav>li>a:悬停{
颜色：rgba（255，255，255，1）；
}
.navbar.navbar-custom.navbar切换{
边框颜色：透明；
}
@介质（最大宽度：767px）{
.navbar.navbar-custom.navbar折叠，
.navbar.navbar-custom.navbar表单{
边框颜色：rgb（222、145、139）；
背景色：rgba（155155255,1）；
}
}

切换导航

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgb(222, 145, 139);
    background-color: rgba(155,155,255,1);
}