javascript - 如何使引导导航栏背景透明淡入网页

Question

我正在使用 JS BootStrap 来制作我的 NavBar，我想知道是否有任何样式技术可以使我网站顶部的固定 NavBar 具有从青色向 NavBar 顶部均匀淡化的颜色背景在 NavBar 的底部几乎变成白色，这样它就很好地融入了我网页其余部分的灰白色。

感谢任何帮助或建议。

Answer 1

试试这个:

.navbar {
    background: linear-gradient(to bottom, cyan 0%, rgba(0,0,0,0) 100%);
}

注意:您需要移除导航栏上的边框和背景色。此外，您需要为该渐变添加所有跨浏览器支持。这是一个有用的梯度生成器:http://www.colorzilla.com/gradient-editor/