如何在CSS文件中指定圖像路徑？

Question

我使用Yii框架，並有一個CSS文件，使用一些圖像的背景和類似。

其他PHP代碼可以使用Yii :: app（） - > request-> baseUrl爲資源添加正確的路徑前綴。但是，css文件不是PHP，所以我不能使用代碼。

我試圖用相對路徑，但相同的CSS文件通過不同深度的html頁面訪問，例如：

http://mysite/controller/action1/10 
http://mysite/controller 

所以相對路徑不工作（至少，不是在所有的瀏覽器） 。

有沒有這樣做的Yii方式，或者我應該只使用絕對路徑並完成它？

Answer 1

在CSS文件中的圖像到路徑總是相對的CSS文件，而不是引用CSS文件的頁面。

因此，在HTML頁面中以不同的路徑深度使用CSS文件並不重要，因爲它始終從CSS的位置開始顯示。

例如，如果您的CSS文件位於/Content/Css而您的圖片位於/Content/Images那麼您應該始終將您的圖片引用爲url(../Images/something.png)。

Answer 2

您可以嘗試使用以「/」開頭的半相對路徑。 像「/images/image1.jpg」一樣。

這總是相對於網站的根。

問候