css - 透明的 bootstrap 下拉菜单

我正在尝试制作一个这样的Bootstrap菜单https://makr.com/

我没事，但是我还没有弄清楚如何使它完全透明。

正如您在下面的小提琴中看到的那样，当我将鼠标悬停时，下拉菜单中始终会有一些灰色阴影。

我真的不知道还能做些什么...我一直在搜寻和寻找解决方案，整个昨天和今天早上，我现在真的很困。

谁能看看小提琴并给我建议，我将不胜感激

菜单中唯一应显示的颜色是

.navbar-default {
  background-color: transparent; border-color: transparent;
  }
.navbar-default :hover {
   background-color: rgba(248, 248, 248, .7); border-color: rgba(231, 231, 231, .7)
{

悬停时

https://jsfiddle.net/dadihall/5zzcq2t5/22/

提前致谢
大地

最佳答案

尝试这个：

.navbar:hover {
background: rgba(248, 248, 248, 0.7) none repeat scroll 0 0 !important;
  }
 .navbar-default *:hover{
 background:transparent !important;
 }

见fiddle.