Vidéo: [CSS] Mettre un fond à la page + opacité 2025
L'opacité ou la transparence est un nouvel effet dans CSS3. Les concepteurs sont vraiment dans les premières étapes de l'expérimentation de cet effet. En CSS3, la transparence est définie en affectant une valeur à la propriété d'opacité . Un objet complètement opaque obscurcit complètement ce qu'il y a derrière. les objets qui ne sont pas complètement opaques sont partiellement transparents ou transparents.
La définition d'arrière-plans semi-transparents pour les éléments de mise en page avec CSS3 présente des options intéressantes pour les concepteurs Web. Les arrière-plans semi-transparents sont souvent utilisés, par exemple, dans des listes déroulantes. Là, les éléments du menu déroulant ont. 5 opacité assignée (elles sont transparentes à 50%). Par conséquent, le contenu de la page sous-jacente reste visible lorsqu'un menu tombe en panne.
La propriété opacity est définie avec une valeur comprise entre 0 (complètement invisible) et 1 (entièrement opaque; non transparent du tout). Ainsi, par exemple, une valeur d'opacité de. 8 rend un objet opaque à 80%, et ainsi de suite.
La propriété opacity n'a pas besoin de préfixe pour les différents navigateurs. La syntaxe est simple:
opacité:. x
La liste déroulante affichée, par exemple, est définie comme telle:
. menu_box {background-color: # 999; rembourrage: 2px; couleur: # 333333; opacité:. 5;}
