2017-07-11 1 views
1

J'espérais que quelqu'un puisse m'aider avec CSS pour rendre plus transparentes les options enfant qui apparaissent en survolant mon menu déroulant personnalisé dans Blogger.CSS pour ajouter de la transparence à un fond blanc lors du survol du menu déroulant dans blogger

xxx screenshot xxx

Mon site est: www.thenorthernmagnolia.com

Merci beaucoup!

+0

Utilisez-vous des gestionnaires de mise en page comme bootstrap? – ajax992

+0

Veuillez ajouter un code significatif et une description du problème ici. Ne faites pas que créer un lien vers le site qui a besoin d'être corrigé - sinon, cette question perdra toute valeur pour les futurs visiteurs une fois le problème résolu ou si le site auquel vous vous connectez est inaccessible. La publication d'un [exemple minimal, complet et vérifiable (MCVE)] (https://stackoverflow.com/help/mcve) qui illustre votre problème vous aidera à obtenir de meilleures réponses. Pour plus d'informations, voir [Quelque chose sur mon site web ne fonctionne pas. Puis-je simplement coller un lien?] (Https://meta.stackexchange.com/questions/125997/) Merci! – Parker

Répondre

0

Généralement, la création de quelque chose de transparent est très facile en CSS si vous êtes déjà familier avec la modification de la couleur d'arrière-plan. Utilisez la fonction RGBA, comme ceci:

background-color: rgba(0, 0, 0, .5) 

Paramètres go, dans l'ordre: rouge, valeur verte, la valeur bleue, la valeur Alpha. Google a un sélecteur de couleurs avec lequel vous pouvez jouer pour ces valeurs.

La valeur alpha est l'opacité, une valeur de 1 sera non-opaque et 0 sera invisible.

0

Vous pouvez essayer d'ajouter le CSS suivant pour rendre plus transparent le menu déroulant -

#cssnav > li > ul > li a, #cssnav > li > ul > li, #cssnav > li > ul, #cssnav > li > ul > li a:hover { 
background: rgba(255, 255, 255, 0.5) !important; 
} 

transparent background