Misalkan saya membuat stylesheet di Django dalam file statis. Jadi segala sesuatu yang lain bekerja dengan baik. Hanya saja ketika menggunakan baris ini memberikan kesalahan

.PostProfilePic {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-image: url('{{ Profile.ProfilePic.url }}');
        background-size: cover;
        background-position: center;
        position: relative;
        top: 5px;
    }

Misalkan ada nama kelas 'PostProfilePic' dan saya ingin menggunakan gambar dari database sebagai gambar latar belakang saya jadi bagaimana kita bisa melakukannya???

Kesalahan ada di baris ini

background-image: url('{{ Profile.ProfilePic.url }}');

Dikatakan 'tidak dapat menyelesaikan file' Dan juga ketika saya menggunakan gaya ini di halaman html saya di antara tag seperti yang ditunjukkan di bawah ini maka itu berfungsi dengan baik

<style>
    .PostProfilePic {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-image: url('{{ Profile.ProfilePic.url }}');
        background-size: cover;
        background-position: center;
        position: relative;
        top: 5px;
     }
</style>

Saat membuat file .css terpisah membuat masalah ... Adakah Solusi untuk ini??

1
Kartikey 6 Juli 2020, 09:36

1 menjawab

Jawaban Terbaik

background-image: url('{{ Profile.ProfilePic.url }}'); ini dalam file .css eksternal tidak akan bekerja karena Django tidak akan merender variabel. Perhatikan bahwa fungsi url css harus memenuhi batasan berikut:

Fungsi url() CSS digunakan untuk memasukkan file. Parameternya adalah URL absolut, URL relatif, atau URI data.

Karena itu tidak akan menampilkan apa pun karena '{{ Profile.ProfilePic.url }}' ini tidak menyelesaikan apa pun.

Kurung kurawal {{- }} hanya dapat merender variabel dalam template, oleh karena itu alasan mengapa ini berfungsi dalam upaya kedua Anda karena ini adalah definisi internal CSS di dalam template.

1
AzyCrw4282 6 Juli 2020, 14:29