bootstrap transparent menu déroulant

Question

Je suis en train de faire un menu Bootstrap comme celui-ci https://makr.com/

je suis ok faire, mais je n'ai pas compris comment je peux le rendre complètement transparent un vol stationnaire. Comme vous pouvez le voir dans le violon ci-dessous, il y a toujours de la nuance de gris dans la liste déroulante lorsque je fais du vol stationnaire. Je ne sais vraiment pas ce que je peux faire de plus ... J'ai cherché et cherché une solution hier et ce matin et je suis vraiment bloqué maintenant.

quelqu'un peut-il jeter un oeil au violon et me conseiller, il serait très apprécié

La seule couleur qui devrait être dans le menu est le

.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) 
{ 

sur vol stationnaire

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

merci à l'avance Dadi

Answer 1

suivante Essayez ceci:

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

voir fiddle.

Answer 2

Salut à tous s'il vous plaît essayer le 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 
}