28114 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite gérer le RGBA de mon background avec des variables. Je définis ma couleur et mon alpha, mais je ne parviens pas à les réunir pour les utiliser.

--couleur:"215,185,125";
--alpha:",0.65";

/* code fonctionnel */
background-color:rgba(215,185,125,0.65);

/* code souhaité mais dysfonctionnel */
background-color:rgba(var(--couleur)+var(--alpha));

Si quelqu'un à une idée ?
Administrateur
Hello,

Dans ton cas, tes valeurs de couleurs sont des chaînes de caractères et non des nombres.

Ceci devrait fonctionner :


:root {
  --color: 215, 185, 125;
  --alpha: 0.65;
}

.element {
  background-color: rgba(var(--color), var(--alpha));
}
Ok ça marche, merci.

--couleur:215,185,125;
--alpha:0.65;

/* surimpression couleur et image sur un background */
background:url(monimage_fond_papier.jpg) 0 0 repeat;
background-color:rgba(var(--couleur),var(--alpha));
background-blend-mode:multiply;
}
Modifié par canarts (05 Jan 2024 - 17:45)