Adakah Laluan Relatif dalam CSS Berbanding dengan Fail HTML atau Fail CSS?

Adakah Laluan Relatif dalam Fail CSS Relatif dengan Fail CSS?

Apabila bekerja dengan CSS, merujuk fail luaran seperti imej dan lain-lain Fail CSS adalah amalan biasa. Memahami laluan relatif rujukan ini adalah penting untuk lokasi fail yang betul.

Laluan Relatif dalam CSS: Pandangan Lebih Dekat

Laluan relatif dalam fail CSS adalah relatif kepada fail CSS itu sendiri, bukan fail HTML menggunakan fail CSS. Ini bermakna apabila menentukan laluan untuk imej atau fail lain, anda perlu menyediakan laluan yang bermula dari direktori tempat fail CSS berada.

Memahami dengan Contoh

Untuk menunjukkan konsep ini, pertimbangkan reka letak berikut:

• Halaman: page.htm (Lokasi: Tidak perkara)
• CSS: /resources/css/styles.css
• Imej: /resources/images/image.jpg

Dalam fail CSS (styles. css):

div {
  background-image: url('../images/image.jpg');
}

Dalam contoh ini, laluan ke imej (image.jpg) dalam fail CSS bermula dengan ../. Ini bermakna "naik satu direktori" dari lokasi fail CSS (styles.css) dan kemudian navigasi ke direktori imej tempat imej disimpan.

Atas ialah kandungan terperinci Adakah Laluan Relatif dalam CSS Berbanding dengan Fail HTML atau Fail CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!