Laluan Relatif dalam CSS: Adakah Ia Relatif dengan Fail CSS atau HTML?

Laluan Relatif dalam CSS: Relatif dengan Apa?

Dalam CSS, laluan relatif sering digunakan untuk merujuk sumber luaran, seperti imej atau fail CSS lain. Walau bagaimanapun, persoalan biasa timbul: berbanding dengan apakah jalan itu? Adakah ia relatif kepada fail CSS itu sendiri atau kepada fail HTML yang termasuk CSS?

Menjawab Soalan

Jawapannya tidak jelas: ya, laluan relatif dalam fail CSS adalah relatif kepada fail CSS itu sendiri. Ini bermakna laluan bermula dari direktori tempat fail CSS terletak.

Contoh

Pertimbangkan reka letak berikut:

• Halaman : page.htm (lokasi tidak berkaitan)
• CSS: /resources/css/styles.css
• Imej: /resources/images/image.jpg

Dalam fail styles.css, anda mungkin mempunyai peraturan CSS berikut:

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

Dalam contoh ini, laluan relatif ../images/image.jpg bermula dari direktori tempat fail styles.css terletak , iaitu sumber/css. Oleh itu, laluan merujuk kepada imej yang terletak di /resources/images/image.jpg.

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