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是您正在谈论的导航栏

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

1 个答案: