透明引導下拉菜單

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

透明引導下拉菜單

回答

相關問題