在CSS文件中使用相對URL，它相對於哪一個位置？

在CSS文件中定義諸如背景圖片URL之類的內容時，使用相對URL時，它相對於哪裏？ 例如：

假設文件/stylesheets/base-styles.css包含：

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

若是我經過<link ... />將此樣式表包含在不一樣的文檔中，那麼CSS文件中的相對URL是相對於 /stylesheets/ 的樣式表文檔仍是相對於其包含的當前文檔 ？ 可能的路徑以下：

/item/details.html
/about/index.html
/about/extra/other.html
/index.html

---

#1樓

使用css的自動最小化時，可能會發生的一個問題，而且彷佛打破了這一問題。 縮小捆綁包的請求路徑能夠具備與原始CSS不一樣的路徑。 這可能會自動發生，所以可能引發混亂。

縮小包的映射請求路徑應爲「 / originalcssfolder / minifiedbundlename」，而不單單是「 minifiedbundlename」。

換句話說，將包命名爲與原始文件夾結構具備相同的路徑（帶有/），這樣，任何外部資源（如字體，圖像）都將被瀏覽器映射爲正確的URI。 另外一種方法是在CSS中使用絕對url（refs，但這一般是不但願的。

---

#2樓

嘗試使用：

body {
  background-attachment: fixed;
  background-image: url(./Images/bg4.jpg);
}

正在保存要發佈Images的文件夾中的圖像。

---

#3樓

這對我有用。 加兩個點和斜線。

body{
    background: url(../images/yourimage.png);
}

---

#4樓

它是相對於CSS文件的。

---

#5樓

對於CSS樣式表，基本URI是樣式表的基礎URI，而不是源文檔的基礎URI。

（其餘任何東西都會被破壞，IMNSHO）