Définir l'opacité d'une image d'arrière-plan en CSS implique d'utiliser le propriété d'image d'arrière-plan avec la propriété d'opacité. En ajustant l'opacité, vous contrôlez la transparence de l'image d'arrière-plan, permettant aux éléments derrière elle de transparaître partiellement, créant ainsi un effet visuellement superposé.
Nous utilisons les approches suivantes pour définir l'opacité de l'image d'arrière-plan en CSS :
Table des matières
np.histogramme
1. Utilisation de la propriété Opacité
Le Propriété d'opacité en CSS définit le niveau de transparence d'un élément et de son contenu. Accepter des valeurs comprises entre 0 (entièrement transparent) et 1 (entièrement opaque) affecte l'ensemble de l'élément, y compris ses enfants, ce qui en fait un moyen simple et efficace de contrôler la transparence dans la conception Web.
Syntaxe:
div { opacity: 0.5; }> Exemple: La propriété opacity dans le style CSS de la classe .element est définie sur 0,3, ce qui rend l'image d'arrière-plan semi-transparente. Cela ajuste la visibilité de l’arrière-plan tout en conservant la lisibilité du texte.
HTML
> <>html> lang>=>'en'>>> ><>head>>> ><>meta> charset>=>'UTF-8'>>> ><>meta> name>=>'viewport'> content>=>'width=device-width, initial-scale=1.0'>>> ><>title>>Opacité de l'arrière-plan Imagetitle> |