次级导航栏在鼠标滑上去之前，背景半透明且处于主要导航栏下方。滑上去之后，盖住主要导航栏，背景不透明，这种是怎么实现的啊？

次级导航栏（蓝色框）
主要导航栏（红色框，使用了固定定位）
（能否通过css3或js或vue实现呢）
.次级导航栏在鼠标滑上去之前，背景半透明且处于主要导航栏下方。滑上去之后，盖住主要导航栏，背景不透明，这种是怎么实现的啊？

是需要 position: sticky; 粘性标题吗？蹲一个答案，没有看过这种情况或需求

没划去之前是 绝对定位 。划上去 就是 position: sticky;
https://www.cnblogs.com/yougmi/p/14597098.html

一秒钟实现吸顶效果：position:sticky - 简书 史上最简单的吸顶效果，没有之一，只用css一分钟搞定上下左右吸顶效果 参考资料：张旭鑫的深入理解sticky：https://www.zhangxinxu.com/wordp... https://www.jianshu.com/p/4ab35c029dd7