Bagaimanakah URL Relatif dalam Fail CSS Diselesaikan?

Mencari URL Relatif dalam Fail CSS

Apabila merujuk sumber menggunakan URL relatif dalam fail CSS, adalah penting untuk menentukan lokasi relatifnya. Sebagai contoh, pertimbangkan fail CSS base-styles.css yang mengandungi CSS berikut:

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

Jika helaian gaya ini disertakan dalam pelbagai dokumen menggunakan , di manakah relatifnya URL dalam fail CSS akan diberikan secara relatif kepada?

Jawapan:

Menurut W3:

URL separa ditafsirkan secara relatif kepada sumber helaian gaya, bukan relatif kepada dokumen.

Oleh itu, URL relatif adalah relatif kepada /stylesheets/.

Pendekatan ini masuk akal kerana fail CSS boleh disertakan dalam halaman dalam direktori yang pelbagai. Penyeragaman URL berdasarkan fail CSS memastikan URL berfungsi tanpa mengira di mana helaian gaya dipautkan.

Atas ialah kandungan terperinci Bagaimanakah URL Relatif dalam Fail CSS Diselesaikan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!