CSS 相對 URL：相對於樣式表還是 HTML 文件？

CSS 相對 URL：相對於樣式表或目前文件？

在 CSS 檔案中指定相對 URL（例如背景圖片）時，它是了解它們所指的位置至關重要。以檔案「/stylesheets/base-styles.css」為例：

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

現在，考慮將此樣式表包含到各種文件中，例如/item/details.html 或/about/index .html。 CSS 檔案中的相對 URL 將相對於哪裡進行計算？

答案：

根據W3，「部分URL 是相對於樣式來源進行解釋的工作表，與文件無關。」因此，在這種情況下，將相對於樣式表的位置（即“/stylesheets/”）來評估URL。

這是有道理的，因為 CSS 檔案可能會連結到不同目錄中的頁面。透過將 URL 評估標準化為 CSS 檔案位置，可以確保無論樣式表包含在哪個頁面上下文中，URL 都能正確解析。

以上是CSS 相對 URL：相對於樣式表還是 HTML 文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！