是CSS文件中相對於CSS文件的相對路徑嗎？

當我通過相對路徑引用CSS文件中的圖像或其他文件時，是相對於CSS文件或使用CSS文件的HTML文件的路徑嗎？是CSS文件中相對於CSS文件的相對路徑嗎？

是的，它是相對於.css

下面是一個例子佈局：

Page: page.htm ... does not matter where 
CSS: /resources/css/styles.css 
Image: /resources/images/image.jpg

CSS在styles.css：

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

2010-04-27 03:34:45

完美，謝謝。正是我需要知道的。 – 2010-04-27 04:03:07

謝謝你的詳細解答。我在同一個問題上感到非常困惑，並且在這裏你以一種更好的方式解決了它。 – AbdulAziz 2012-02-28 13:45:12

這確實是合理的，因爲它允許從不同的'.html'文件（可能位於不同的地方）引用_same_'.css'文件，而無需將路徑制動到外部對象。 – Davide 2014-03-04 14:06:39

到CSS文件。

2010-04-27 03:34:41 emzero

是。它是相對於CSS文件。我將補充一點，這也包括相對於CSS文件所在的域。

因此，如果CSS被引用爲：

<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />

，它包含：

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

的背景將是：

2016-07-19 18:39:26 jshoaf

如果您已將標頭設置爲允許外部包含，則由於相同的源策略，來自外部域的包含僅適用於某些瀏覽器 – 2016-09-15 19:49:07

回答