css - 如何编辑导航栏以使背景不可见？

Question

在我开始滚动之前，我似乎无法弄清楚为什么我的导航栏背景是不可见的。

我希望它一直是纯色。

这是代码:

#header {
padding: 20px 0px 10px!important;
transition: 0.5s;}

#header .logo img {
max-width: 250px;
max-height: 125px;}

.is-sticky #header {
z-index: 999999;
background: #404040;
border-bottom: 1px solid {{ baseColor }};}

#header .navigation {
max-width: auto;
max-height; auto;}

提前致谢!

Answer 1

您的站点中似乎有一些 js，在您滚动时将类 is-sticky 添加到 header 的父元素之一。

尝试将 background: #404040; 从 .is-sticky #header 移动到 #header 样式:

#header {
  padding: 20px 0px 10px!important;
  transition: 0.5s;
  background: #404040;
}
#header .logo img {
  max-width: 250px;
  max-height: 125px;
}
.is-sticky #header {
  z-index: 999999;
  border-bottom: 1px solid {{ baseColor }};
}

以上假定 #header 是您正在谈论的导航栏