Javascript 滚动时显示透明导航栏的问题

我对这个代码有问题。一切都很完美（导航没有颜色，在我开始滚动后背景开始有颜色），除了当我进入网站时背景是黑色的，第一次滚动后背景变得透明。如果我在页面上四处走动，那么除了进入页面外，其他页面都可以正常工作

CSS

HTML

---

在CSS中将初始不透明度设置为0

---

无论如何，请记住不透明度不仅适用于div，还适用于它的所有内容。99%的时候，这并不是你真正想要的…

将

opacity:0

添加到CSS中。。。当你进入网站时，你的标题没有指定不透明，所以默认情况下它是

1

-->所以它是可见的。我克隆了这个DIV，所以这个DIV的内容是透明的，背景是透明的，我创建了一个具有相同属性的DIV，但是我可以使用它的背景。这就成功了！在你回答之前我就猜出来了，不过谢谢你！等待这就是我的意思。如果要更改背景，请在rgba背景声明（第四个参数）上使用alpha通道，而不是“不透明度”属性。

#header1 {  
   background-color:rgba(0, 0, 0, 1);   
   width:100%;
   height:45px;
   position: fixed;
   top:0;
   left:0px;
   z-index:9100;
}

<div id="header1"></div>

$(document).on('scroll', function (e) {
$('#header1').css('opacity', ($(document).scrollTop() / 500));
});