如何在CSS文件中指定图像路径?

时间:2011-04-30 12:52:23

标签: css yii

我正在使用Yii框架,并且有一个CSS文件,它使用一些图像作为背景和类似的。

其他PHP代码可以使用Yii :: app() - > request-> baseUrl为资源添加正确的路径前缀。但是,css文件不是PHP,所以我不能使用代码。

我尝试使用相对路径,但是不同深度的html页面访问相同的css文件,例如:

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

因此相对路径不起作用(至少在所有浏览器中都不起作用)。

是否有一些Yii方式这样做,或者我应该只使用绝对路径并完成它?

2 个答案:

答案 0 :(得分:15)

CSS文件中图像的路径始终相对于CSS文件,而不是引用CSS文件的页面。

因此,在不同路径深度的HTML页面中使用CSS文件并不重要,因为它总是从CSS的位置看。

例如,如果您的CSS文件位于/Content/Css且图片位于/Content/Images,那么您应始终将图片引用为url(../Images/something.png)

答案 1 :(得分:0)

您可以尝试使用以“/”开头的半相对路径。 喜欢“/images/image1.jpg”。

这始终是相对于网站的根目录。

问候