CSS에서 일관된 배경 이미지 경로를 지정하는 방법은 무엇입니까?

CSS의 일관된 배경 이미지 경로

CSS와 이미지 파일이 서로 다른 디렉터리에 있는 경우 배경 이미지 경로를 지정하는 것이 까다로울 수 있습니다. 이 문서에서는 CSS 파일이 Project/Web/Support/Styles/file.css에 있고 이미지가 Project/Web/images/image.png에 있을 때 직면하는 일반적인 문제를 살펴봅니다.

문제 설명:

다양한 경로(/images/image.png, ../images/image.png 등), 의도한 CSS 파일에 이미지가 표시되지 않습니다.

해결책:

경로를 올바르게 지정하려면, CSS의 디렉터리 탐색을 이해하는 것이 중요합니다. ../ 구문은 한 디렉터리 수준 위로 이동합니다. CSS가 Project/Web/Support/Styles에 있는 이 경우 올바른 경로는 다음과 같습니다.

background-image: url('../../images/image.png');

이 구문은 file.css(../../)에서 디렉터리 구조를 두 번 위로 이동합니다. ) 이미지 폴더와 image.png가 있는 웹 디렉토리에 도달합니다.

위 내용은 CSS에서 일관된 배경 이미지 경로를 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!