Maison  >  Article  >  interface Web  >  Comment rendre la barre de navigation transparente avec CSS

Comment rendre la barre de navigation transparente avec CSS

WBOY
WBOYoriginal
2021-11-11 11:26:597566parcourir

En CSS, vous pouvez rendre la barre de navigation transparente grâce à l'attribut opacity. Il vous suffit d'ajouter le style « opacité : valeur de transparence ; » à l'élément de la barre de navigation ; , plus il sera transparent.

Comment rendre la barre de navigation transparente avec CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Comment rendre la barre de navigation transparente en css :

Ajoutez un paramètre opacity en css pour définir l'opacité, opacité css :x, la valeur de x est de 0 à 1.

Si opacité : 0,8, si opacité : 0,5, cela signifie translucide. Plus le nombre est petit, plus la transparence est élevée.

Référez-vous au code ci-dessous

Comment rendre la barre de navigation transparente avec CSS

Il s'agit d'une barre de navigation avec une transparence normale

Comment rendre la barre de navigation transparente avec CSS

Après avoir ajouté l'attribut opacité :

Comment rendre la barre de navigation transparente avec CSS

Résultat de sortie :

Comment rendre la barre de navigation transparente avec CSS

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn