首頁 >web前端 >css教學 >CSS 相對 URL:來自樣式表還是 HTML 文件?

CSS 相對 URL:來自樣式表還是 HTML 文件?

Barbara Streisand
Barbara Streisand原創
2024-12-21 18:34:11719瀏覽

CSS Relative URLs: From Stylesheet or HTML Document?

CSS 檔案中的相對URL:相對位置問題

在CSS 檔案中引用背景影像等資源時,相對URL 通常是受僱。但是,相對 URL 到底是從哪裡測量的呢?

考慮以下CSS 代碼:

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

如果此樣式表透過 包含在各種文件中,則相對URL 是CSS 檔案中的URL 相對於:

  • 樣式表文件進行評估/stylesheets/?
  • 包含樣式表的目前文件?

答案:

根據W3C,「部分URL相對於樣式表的來源進行解釋,而不是相對於

因此,在這種情況下,CSS 檔案中的相對URL 將相對於/stylesheets/處的樣式表文件進行解釋。 ,URL 都能正確運作。

以上是CSS 相對 URL:來自樣式表還是 HTML 文件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn