Comment définir un fond transparent dans l'élément HTML5
Je veux mettre l'opacité d'un élément à 0. Maintenant, si je le fais, tout le contenu de l'élément héritera de cette propriété. Je ne veux pas cela, je veux juste que l'arrière-plan obtienne l'opacité 0 tandis que le contenu (le texte par exemple) reste visible
Des indices?
Merci.
Après quelques recherches, j'ai trouvé une réponse simple - background-color: transparent;
Pouvez-vous définir la couleur d'arrière-plan à la place?
background-color: rgba(255,255,255,0.6);
La propriété d'opacité est appliquée à tout un objet , comme vous pouvez le lire la spécification correspondante .
Le paramètre d'opacité uniforme à appliquer sur un objet entier. Toute valeur en dehors de la plage de 0,0 (entièrement transparent) à 1,0 (entièrement opaque) sera fixée à cette plage. Si l'objet est un élément conteneur, l'effet est comme si le contenu de l'élément conteneur était fusionné avec l'arrière-plan actuel à l'aide d'un masque où se trouve la valeur de chaque pixel du masque.
Vous pouvez envisager d'utiliser rgba() couleurs.