CSS 檔案中的相對 URL 如何解析？

在CSS 檔案中定位相對URL

在CSS 檔案中使用相對URL 引用資源時，確定它們的相對位置至關重要。例如，考慮包含以下CSS 的CSS 檔案base-styles.css：

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

如果此樣式表使用 包含在各種文件中，則相對位置將在哪裡CSS文件中的URL 相對於什麼被渲染？

答案：

根據W3:

部分 URL 是相對於樣式表的來源進行解釋的，而不是相對於文件。

因此，相對 URL 將相對於 /stylesheets/。

這種方法在邏輯上是有意義的，因為 CSS 檔案可以包含在不同目錄的頁面中。基於 CSS 檔案標準化 URL 可確保無論樣式錶連結到何處，URL 都能正常運作。

以上是CSS 檔案中的相對 URL 如何解析？的詳細內容。更多資訊請關注PHP中文網其他相關文章！