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

css path
Nathan Osman picture Nathan Osman · Apr 27, 2010 · Viewed 44.1k times · Source

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

Answer

Nick Craver picture Nick Craver · Apr 27, 2010

Yes, it's relative to the .css

Here's 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');

Related questions

Relative Paths in Javascript in an external file

So I'm running this javascript, and everything works fine, except the paths to the background image. It works on my local ASP.NET Dev environment, but it does NOT work when deployed to a server in a virtual directory. This …

Read More
CSS Background Image Not Displaying

I have an HTML file with a subdirectory called img with an image called debut_dark.png. In my CSS file, I have: body { background: url(/img/debut_dark.png) repeat 0 0; } The HTML file has the body tag and does …

Read More
Concatenate strings in Less

I think this is not possible, but I thought I ask in case there is a way. The idea is that I have a variable for path to web resource folder: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { …

Read More