CSS 파일에서 상대 URL을 사용하면 어떤 위치에 상대적일까?

질문 : CSS 파일에서 상대 URL을 사용하면 어떤 위치에 상대적입니까?

---

CSS 파일에서 배경 이미지 URL과 같은 것을 정의 할 때 상대 URL을 사용할 때 상대 URL은 어디에 있습니까? 예를 들면 :

/stylesheets/base-styles.css 포함되어 있다고 가정합니다.

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

이 스타일 시트를 <link ... /> 를 통해 다른 문서에 포함하면 CSS 파일의 상대 URL이 /stylesheets/ 의 스타일 시트 문서 에 상대적이거나 포함 된 현재 문서에 상대적입니까? 다음과 같은 가능한 경로 :

/item/details.html
/about/index.html
/about/extra/other.html
/index.html

답변

---

W3 에 따르면 :

부분 URL은 문서가 아닌 스타일 시트의 소스를 기준으로 해석됩니다.

따라서 귀하의 질문에 대한 답변으로 /stylesheets/ 상대적입니다.

이에 대해 생각해 보면 CSS 파일이 다른 디렉토리의 페이지에 추가 될 수 있으므로 CSS 파일로 표준화하면 스타일 시트가 링크 된 모든 곳에서 URL이 작동합니다.

출처 : https://stackoverflow.com/questions/940451/using-relative-url-in-css-file-what-location-is-it-relative-to