Maison > interface Web > tutoriel CSS > le corps du texte

Comment rendre la barre de navigation transparente avec CSS

WBOY
Libérer: 2021-11-11 11:26:59
original
7592 Les gens l'ont consulté

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal