css - 透明 Bootstrap 下拉菜单

Question

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

我做得很好，但我还没有想出如何让它在一次悬停时完全透明。

正如您在下面的 fiddle 中看到的，当我悬停时，下拉菜单中总是有一些灰色阴影。

我真的不知道我还能做些什么...昨天和今天早上我一直在谷歌搜索和寻找解决方案，但我现在真的被困住了。

任何人都可以看看 fiddle 并给我建议，我们将不胜感激

菜单中唯一应该出现的颜色是

.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/

提前致谢大地

Answer 1

试试这个:

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

参见 fiddle.