透明引导下拉菜单

I'm做的不错，但我还没有想通了，我怎么可以让它完全透明的一个悬停。

正如你在下面的小提琴中可以看到的那样，当我悬停时，在下拉菜单中总会有一些灰色的阴影。

我真的不知道我还能做些什么...我一直在Google和Google搜索解决方案，并且今天早上我都很困难。

任何人都可以看看小提琴和劝我，那将是非常赞赏

唯一的颜色应该是在菜单是

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

在此先感谢 Dadi

来源

2016-05-03 DaudiHell

集'箱shadow'到'none'这样'.dropdown菜单{箱-shadow：none;}' –

已经做到了，如在小提琴 – DaudiHell

看到我的答案。它的工作.. –

试试这个：

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

看到fiddle.

来源

2016-05-03 10:53:18

对不起，但它仍然不工作，虽然 – DaudiHell

看到我的[小提琴]（https://jsfiddle.net/gh80tqaa/） –

努力，但我仍然看到它，下拉列表仍然有这种不同的灰色阴影，我希望它与导航栏悬停时的颜色完全相同。 – DaudiHell

您好，请尝试以下的CSS

.dropdown.full-width { 
width : 120px; 
background-image: transparent; 
background-color: transparent; 
} 

.full-width.dropdown > .dropdown-menu > li > a { 
white-space: normal; 
background-image: transparent; 
background-color: rgba(255,255,255,0.5); //or any level of transparency 
} 

    .full-width.dropdown > .dropdown-menu > li > a:hover { 
background-color: rgba(255,255,255,0.5); //or any level of transparency 
}

来源

2016-05-03 10:37:02 RiaanV

嗨，不，它不工作，在下拉列表中的文字背后仍然有这种灰色阴影，我希望它完全透明。它应该放在'.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）;'所以下拉式菜单中唯一的颜色就是这个.7灰色 – DaudiHell

您是否尝试过添加背景颜色：transparent！important; – RiaanV

透明引导下拉菜单

回答

相关问题