Is the relative path in the CSS file relative to the CSS file?

Question

When I refer to an image or other file in a CSS file in a relative way, is the path to the CSS file or HTML file using a CSS file?

Answer 1

Yes, this is relative to .css

Here is an example layout:

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

CSS in styles.css :

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

Answer 2

Yes. This is relative to the CSS file. I will add that this also applies to the domain where the CSS file is located.

So, if CSS is referenced as:

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

and contains:

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

The background will be:

http://www.otherdomain.com/images/image.jpg

Answer 3

To CSS file.