How to specify image paths in CSS files?

Question

I'm using Yii framework and have a CSS file that uses some images for background and similar.

Other PHP code can use Yii::app()->request->baseUrl to prefix the resources with correct path. However, css file is not PHP, so I cannot use the code.

I tried with relative paths, but the same css file is accessed by html pages of different depth, for example:

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

so relative paths don't work (at least, not in all browsers).

Is there some Yii-way of doing this, or should I just use absolute paths and be done with it?

Answer 1

The paths to images in CSS files are always relative to the CSS file, not to the page referencing the CSS file.

So it shouldn't matter that you are using the CSS file in HTML pages at different path depths, as it always looks from the location of the CSS.

For example, if your CSS file is in /Content/Css and your images are in /Content/Images then you should always reference your images as url(../Images/something.png).