When defining something like a background image URL in a CSS file, when using a relative URL, where is it relative to? For example:
/stylesheets/base-styles.css:
div#header {
background-image: url(images/header-background.jpg);
}
If I include this style-sheet into different documents via <link ... />
will the relative URL in the CSS file be relative to the stylesheet document in /stylesheets/
or relative to the current document it's included to? Possible paths like:
/item/details.html
/about/index.html
/about/extra/other.html
/index.html