Bonjour,
J'avais cru comprendre que la fonction calc() permettait de calculer à peu près tout dans la mesure où le résultat était compatible avec la propriété dont on calculait la valeur. Il me semble même avoir vu citer "color" comme calculable.
Voulant colorier des cases d'un tableau avec une couleur de ligne, chaque case consécutive de gauche à droite ayant une nuance de cette teinte (par exemple :Jaune pur, Jaune plus clair, Jaune très clair), j'avais imaginé de faire varier le "background-color" d'origine en me servant de calc() pour modifier la valeur. Ça ne marche pas : ni Firefox, ni Chrome, ni IE11 ne reconnaissent une instruction du type
background-color: calc(#ffff00 + #000188); (ni même :calc(#ffff00); ).
Questions:
1/ est-ce normal, et pourquoi?
2/ Y a-t-il un moyen simple de réaliser ce que je veux faire sans définir chaque nuance individuellement (ni recourir au JS où je suis ignare!).
Merci à la bonne âme qui voudra bien m'expliquer !
Amicalement
André
J'avais cru comprendre que la fonction calc() permettait de calculer à peu près tout dans la mesure où le résultat était compatible avec la propriété dont on calculait la valeur. Il me semble même avoir vu citer "color" comme calculable.
Voulant colorier des cases d'un tableau avec une couleur de ligne, chaque case consécutive de gauche à droite ayant une nuance de cette teinte (par exemple :Jaune pur, Jaune plus clair, Jaune très clair), j'avais imaginé de faire varier le "background-color" d'origine en me servant de calc() pour modifier la valeur. Ça ne marche pas : ni Firefox, ni Chrome, ni IE11 ne reconnaissent une instruction du type
background-color: calc(#ffff00 + #000188); (ni même :calc(#ffff00); ).
Questions:
1/ est-ce normal, et pourquoi?
2/ Y a-t-il un moyen simple de réaliser ce que je veux faire sans définir chaque nuance individuellement (ni recourir au JS où je suis ignare!).
Merci à la bonne âme qui voudra bien m'expliquer !
Amicalement
André