Essayez d'utiliser l'image d'arrière-plan avec la variable CSS dans le modèle Twig

Question

J'ai donc une question. Je souhaite utiliser une image d'arrière-plan avec une variable CSS et dans mon projet, j'utilise Twig pour parcourir les articles sélectionnés dans ma base de données via une requête SQL. Chaque article a un lien relatif vers l'image dans la base de données afin qu'elle puisse être consultée sur le site Web.

Le problème est que je souhaite utiliser le même lien image de la base de données comme arrière-plan de l'article.

J'ai essayé d'utiliser une variable CSS comme celle-ci :

div.liste {
        position : relative ;
        affichage : flexible ;
        image d'arrière-plan : var(--image);
        animation : liste_apparaître .5s cubique-bézier(0,33, 1, 0,68, 1) 1 calc(var(--order) * 50ms) en arrière ;
        /*le repos n'a pas d'importance*/
}
≪/pré>
Ensuite, dans le modèle, cela ressemble à ceci
{% pour produit dans produit %}
{% compteur réglé = compteur + 1 %}

    

{% fin pour %}
≪/pré>
Comme vous pouvez le voir, j'utilise une autre variable Twig qui monte à chaque boucle, et qui fonctionne avec le css (l'animation est retardée de 50ms multiplié par le numéro dans lequel se trouve la variable "compteur"), mais je ne sais pas pourquoi ça ne le fait pas, cela n'a rien à voir avec la variable image...
De plus, {{ produit.image }} fonctionne correctement car il affiche correctement l'image. 
Si quelqu'un a une réponse, nous serons heureux de la corriger et de remercier cette personne ! 
            

Answer 1

Comme Darkbee l'a dit dans les commentaires, suivez simplement son violon de brindille pour mettre à jour vos styles. Je n'avais pas réalisé que vous aviez une portée en ligne pour les variables CSS.