Cuba gunakan imej latar belakang dengan pembolehubah css dalam templat Twig
<p>Jadi saya ada soalan. Saya ingin menggunakan imej latar belakang dengan pembolehubah css dan dalam projek saya, saya menggunakan Twig untuk menggelungkan artikel yang dipilih daripada pangkalan data saya melalui permintaan sql. Setiap artikel mempunyai pautan relatif kepada imej dalam pangkalan data supaya ia boleh dilihat di laman web. </p>
<p>Masalahnya ialah, saya mahu menggunakan pautan imej yang sama daripada pangkalan data sebagai latar belakang artikel. </p>
<p>Saya cuba menggunakan pembolehubah css seperti ini: </p>
<pre class="brush:css;toolbar:false;">div.liste {
kedudukan: relatif;
paparan: flex;
imej latar belakang: var(--imej);
animasi: liste_appear .5s cubic-bezier(0.33, 1, 0.68, 1) 1 calc(var(--order) * 50ms) ke belakang;
/*rehat tak penting*/
}
</pra>
<p>Kemudian, dalam templat, ia kelihatan seperti ini</p>
<pre class="brush:html;toolbar:false;">{% for produit in produit %}
{% set compteur = compteur + 1 %}
<div class="liste" style="--order: {{ compteur }};
<img src="{{ produit.image }}">
</div>
{% endfor %}
</pra>
<p>Seperti yang anda lihat, saya menggunakan pembolehubah Twig lain yang naik setiap kali ia gelung, dan ia berfungsi dengan css (animasi ditangguhkan dengan 50ms didarab dengan nombor pembolehubah "compteur" berada), tetapi saya tidak tahu mengapa ia tidak melakukan ini tiada kaitan dengan pembolehubah imej...</p>
<p>Selain itu, {{ produit.image }} berfungsi dengan baik kerana ia memaparkan imej dengan betul. </p>
<p>Jika sesiapa mempunyai jawapan, kami berbesar hati untuk membetulkannya dan berterima kasih kepada orang itu! </p>
