Bagaimanakah cara saya menentukan laluan imej latar belakang dengan betul dalam CSS apabila fail dan imej CSS saya berada dalam direktori yang berbeza?

Menentukan Laluan Imej Latar Belakang dalam CSS

Dalam CSS, menetapkan imej latar belakang memerlukan menyediakan laluan fail. Pertanyaan berikut bertujuan untuk menyelesaikan isu mencari laluan yang betul kepada imej berdasarkan struktur organisasi projek.

Masalah:
Fail CSS pengguna terletak di Project/ Web/Support/Styles/file.css, manakala imej yang mereka ingin gunakan ditemui di Project/Web/images/image.png. Mereka telah mencuba beberapa kaedah untuk menetapkan sifat imej latar belakang tetapi tidak memperoleh hasil yang diingini.

Penyelesaian:
Untuk menentukan dengan betul laluan ke imej dalam CSS, relatif laluan dari fail CSS mesti dipertimbangkan. Dalam kes ini, fail CSS terletak dua folder dari direktori imej. Oleh itu, dua awalan ../ (direktori induk) diperlukan dalam laluan:

background-image: url('../../images/image.png');

Dengan merentasi dua direktori, fail CSS mengesan imej dengan betul dalam struktur projek.

Atas ialah kandungan terperinci Bagaimanakah cara saya menentukan laluan imej latar belakang dengan betul dalam CSS apabila fail dan imej CSS saya berada dalam direktori yang berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!