Bagaimana untuk Menentukan Laluan Imej Latar Belakang yang Konsisten dalam CSS?

Laluan Imej Latar Belakang yang Konsisten dalam CSS

Apabila CSS dan fail imej anda berada dalam direktori yang berbeza, menentukan laluan imej latar belakang boleh menjadi rumit. Artikel ini meneroka isu biasa yang dihadapi apabila fail CSS terletak dalam Project/Web/Support/Styles/file.css dan imej berada dalam Project/Web/images/image.png.

Masalah Pernyataan:

Walaupun cubaan untuk merujuk imej menggunakan pelbagai laluan (/images/image.png, ../images/image.png, dll.), imej gagal dipaparkan dalam CSS yang dimaksudkan fail.

Penyelesaian:

Untuk menentukan laluan dengan betul, adalah penting untuk memahami navigasi direktori dalam CSS. Sintaks ../ menavigasi ke atas satu tahap direktori. Dalam kes ini, di mana CSS berada dalam Project/Web/Support/Styles, laluan yang betul ialah:

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

Sintaks ini menavigasi dua kali ke atas struktur direktori daripada file.css (../../ ) untuk mencapai direktori Web, di mana folder imej dan image.png berada.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Laluan Imej Latar Belakang yang Konsisten dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!