我有一个具有2种差异颜色背景的网页,例如:
<body>
<div class="bg1">aaa</div>
<div class="bg2>bbb</div>
</body>
.bg1 {background: green; height: 100vh;}
.bg2 {background: red; height: 100vh;}
我想添加Bootstrap 4固定顶部导航栏。我希望此导航栏与它下面的div具有相同的颜色。导航栏看起来是“透明的”,但没有从div中看到文本“ aaa”或“ bbb”。
我尝试过:
我仍然可以选择使用js更改滚动条上的导航栏颜色,但这并不完美。在这种情况下,导航栏将在一瞬间完全改变颜色,在“透明”导航栏下将不会滚动颜色。很难解释:(
我想念什么吗?