CSS在ul部分中没有导航栏透明度

CSS在ul部分中没有导航栏透明度,css,Css,我的导航栏有问题。看起来是这样的: 这很好,但我希望整个导航栏的透明度都是一样的。现在看起来只有没有链接的部分是透明的 这是我的密码 HTML: .导航崩溃{ 高度:35px; 位置:相对位置; 宽度:100%; 文本对齐:居中; -网络工具包盒阴影:0px 0px 8px 0px 000000; -moz盒阴影:0px 0px 8px 0px 000000; 背景色:rgba(38,44,58,0.8); 颜色:rgba(1,1,1,0.8); *缩放:1; } .导航崩溃{ 填充:0;

我的导航栏有问题。看起来是这样的:

这很好,但我希望整个导航栏的透明度都是一样的。现在看起来只有没有链接的部分是透明的

这是我的密码
HTML:


.导航崩溃{
高度:35px;
位置:相对位置;
宽度:100%;
文本对齐:居中;
-网络工具包盒阴影:0px 0px 8px 0px 000000;
-moz盒阴影:0px 0px 8px 0px 000000;
背景色:rgba(38,44,58,0.8);
颜色:rgba(1,1,1,0.8);
*缩放:1;
}
.导航崩溃{
填充:0;
保证金:0自动;
宽度:400px;
高度:35px;
}
.导航崩溃李{
浮动:左;
显示:内联;
}
.导航崩溃a{
字体系列:“lavanderia_常规”,佐治亚州,衬线;
字体大小:粗体;
显示:内联块;
宽度:100px;
光标:指针;
字号:18px;
颜色:#a7dbdb;
文字装饰:无;
文本对齐:居中;
线高:35px;
}
.导航折叠a:悬停{
颜色:#69d2e7;
}
.nav折叠:之前,.nav折叠:之后{
内容:“;
显示:表格;
}
.导航崩溃:之后{
明确:两者皆有;
}
#拉{
显示:无;
}


添加
背景色:透明到CSS类
.nav collapse ul
。这是一把小提琴,给你。但是您可能希望对这些不同的元素使用不同的类名

.nav折叠{
高度:35px;
位置:相对位置;
宽度:100%;
文本对齐:居中;
-网络工具包盒阴影:0px 0px 8px 0px 000000;
-moz盒阴影:0px 0px 8px 0px 000000;
背景色:rgba(38,44,58,0.8);
颜色:rgba(1,1,1,0.8);
*缩放:1;
}
.导航崩溃{
填充:0;
保证金:0自动;
宽度:400px;
高度:35px;
框阴影:无;/*因为您正在重用导航折叠类…覆盖*/
背景色:透明;/*并覆盖背景色*/
}
.导航崩溃李{
浮动:左;
显示:内联;
}
.导航崩溃a{
字体系列:“lavanderia_常规”,佐治亚州,衬线;
字体大小:粗体;
显示:内联块;
宽度:100px;
光标:指针;
字号:18px;
颜色:#a7dbdb;
文字装饰:无;
文本对齐:居中;
线高:35px;
}
.导航折叠a:悬停{
颜色:#69d2e7;
}
.nav折叠:之前,.nav折叠:之后{
内容:“;
显示:表格;
}
.导航崩溃:之后{
明确:两者皆有;
}
#拉{
显示:无;
}


是否将链接的背景色设置为透明?由于这两个部分不透明度似乎是多重的,
nav
ul
都具有类
nav collapse
,因此它们都获得了
rgba(38,44,58,0.8)
的背景,但是对于
ul
,不透明度是在其背景下呈现的(
nav
)。您应该只将其应用于
nav
,而不是
ul
@RaphaelSchweikert是的,您是对的!谢谢