Cette syntaxe dans une propriété de fond CSS fonctionne bien:
.my-element { background: color(rgba(131,131,131,0.8), url('img/background.jpg') }
3 Réponses :
Vouliez-vous quelque chose comme ça?
p>
<div class="my-element">My element color</div> <br> <div class="my-element2">My element color</div>
Ajouter une couleur de superposition absolue:
<div class="my-element"><div class="overlay"></div>My element color</div>
Merci. Pour être honnête, il sera plus rapide d'utiliser mon extrait de code d'origine avec 2 couleurs identiques dans la déclaration de gradient linéaire.
D'accord, c'était juste une autre façon de mettre en œuvre votre idée.
Vous avez deux possibilités.
Considérez une variables CSS pour optimiser le code et éviter de répéter la couleur deux fois: p>
p>
<div class="box"></div>
En fait, vous avez utilisé le RGBA dans votre code. Je pense que vous devriez expliquer plus sur ce que vous voulez.
Voir mon édition. Merci