Essayez d'utiliser l'image d'arrière-plan avec la variable CSS dans le modèle Twig
<p>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. </p>
<p>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. </p>
<p>J'ai essayé d'utiliser une variable CSS comme celle-ci : </p>
<pre class="brush:css;toolbar:false;">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é>
<p>Ensuite, dans le modèle, cela ressemble à ceci</p>
<pre class="brush:html;toolbar:false;">{% pour produit dans produit %}
{% compteur réglé = compteur + 1 %}
<div class="liste" style="--order: {{ compteur }} --image: {{ produit.image }}">
<img src="{{ produit.image }}">
</div>
{% fin pour %}
≪/pré>
<p>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...</p>
<p>De plus, {{ produit.image }} fonctionne correctement car il affiche correctement l'image. </p>
<p>Si quelqu'un a une réponse, nous serons heureux de la corriger et de remercier cette personne ! </p>
