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

Menyediakan Laluan Imej Latar Belakang dalam CSS

Dalam CSS, memberikan imej latar belakang kepada elemen memerlukan penetapan laluan ke fail imej. Walau bagaimanapun, apabila fail CSS dan imej berada dalam direktori yang berbeza, mencari laluan yang betul boleh menjadi mencabar.

Soalan:

Dalam projek di mana fail CSS berada terletak di:

Project/Web/Support/Styles/file.css

Dan imej disimpan di:

Project/Web/images/image.png

Bagaimanakah laluan ke imej dinyatakan dengan betul dalam fail CSS?

Jawapan:

Untuk menentukan laluan yang betul, adalah penting untuk memahami struktur direktori. Memandangkan fail CSS adalah dua peringkat lebih dalam daripada fail imej, bergerak ke atas dua peringkat (menggunakan ".." dua kali) membawanya ke direktori induk biasa:

Project/Web

Oleh itu, laluan yang betul ke imej dalam fail CSS ialah:

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

Laluan ini menggunakan ".." untuk menavigasi ke atas dua peringkat, mencapai direktori induk di mana folder "imej" terletak dan kemudian tentukan nama fail "image.png".

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