Jquery 在滚动（transp.background）时将类添加到导航栏会使文本也在滚动

我正在做一个更大的私人项目，偶然发现了一些问题。由于这是我的第一篇帖子，我必须补充：是的，我做了一些研究，如果这个话题已经涉及到，我很抱歉，请随时声明，如果是这样的话，我将删除该帖子-但是欢迎所有的帮助

所以，到目前为止什么都没做，现在我们开始：

我试图得到一个自定义导航栏，将其颜色从完全透明改为白色；不透明度：0.5；-这当然很简单，但我还想将“navbar”的字体颜色更改为黑色，开始时为白色。我尝试过一些方法，但不知道怎么做（当jQuery函数运行时，导航栏会变成完全白色；不透明度：0.5）。我有一些关于为什么会发生这种情况的想法，但对我来说似乎什么都不起作用。我会加上密码，也许有人知道答案

CSS JS （如您所见，我希望.a1-4从白色变为黑色，谢谢）

---

谢谢

这是因为

opacity

应用于

标题及其内部的所有元素。

一种解决方案是使用这里给出的方法

background: rgba(255, 255, 255, 0.3);

您可以使用jQuery添加的类，针对字体添加新的CSS规则。它应该覆盖您当前的CSS规则。大概是这样的：

.navbar .a1 { /*Your current css rule */ 
    margin-top: 2.5%;
    margin-left: 20%;
    text-decoration: none;
    color: white;
    font-family: RALEWAY; 
    font-weight: 600;
}
.navbar.navbarscrolled .a1 { /*Css rule when class is added */ 
    color: black;
}

请提供一个。你能用一个工作片段来说明确切的问题吗？我第一次尝试了这个想法，但没有成功！我所有的代码都非常混乱，并且重写了所有内容，现在用你的答案工作得更好了。谢谢或者什么的哈哈……这对我来说不起作用，但是我的代码的其余部分非常混乱，我想前面的部分写了一些东西。当深入研究你的答案时，这将是一个可能的解决方案！谢谢
background: rgba(255, 255, 255, 0.3);

.navbar .a1 { /*Your current css rule */ 
    margin-top: 2.5%;
    margin-left: 20%;
    text-decoration: none;
    color: white;
    font-family: RALEWAY; 
    font-weight: 600;
}
.navbar.navbarscrolled .a1 { /*Css rule when class is added */ 
    color: black;
}