URL Relatif CSS: Relatif dengan Stylesheet atau Dokumen HTML?

URL Relatif CSS: Berkaitan dengan Lembaran Gaya atau Dokumen Semasa?

Apabila menentukan URL relatif dalam fail CSS, seperti untuk imej latar belakang, ia adalah penting untuk memahami lokasi yang mereka rujuk. Ambil contoh ini daripada fail "/stylesheets/base-styles.css":

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

Sekarang, pertimbangkan untuk memasukkan helaian gaya ini ke dalam pelbagai dokumen seperti /item/details.html atau /about/index.html. Di manakah URL relatif dalam fail CSS akan dinilai secara relatif?

Jawapan:

Menurut W3, "URL separa ditafsirkan secara relatif kepada sumber gaya helaian, tidak berkaitan dengan dokumen." Oleh itu, dalam kes ini, URL akan dinilai secara relatif kepada lokasi helaian gaya, iaitu "/stylesheets/".

Ini masuk akal, kerana fail CSS berpotensi dipautkan ke halaman dalam direktori yang berbeza. Dengan menyeragamkan penilaian URL ke lokasi fail CSS, ia memastikan bahawa URL akan diselesaikan dengan betul tanpa mengira konteks halaman lembaran gaya disertakan.

Atas ialah kandungan terperinci URL Relatif CSS: Relatif dengan Stylesheet atau Dokumen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!