내 CSS 파일과 이미지가 다른 디렉토리에 있을 때 CSS에서 배경 이미지 경로를 올바르게 지정하려면 어떻게 해야 합니까?

CSS에서 배경 이미지 경로 지정

CSS에서 배경 이미지를 설정하려면 파일 경로를 제공해야 합니다. 다음 쿼리는 프로젝트의 조직 구조를 고려하여 이미지에 대한 올바른 경로를 찾는 문제를 해결하는 것을 목표로 합니다.

문제:
사용자의 CSS 파일이 Project/ Web/Support/Styles/file.css, 사용하려는 이미지는 Project/Web/images/image.png에서 찾을 수 있습니다. 그들은 background-image 속성을 설정하기 위해 여러 가지 방법을 시도했지만 원하는 결과를 얻지 못했습니다.

해결책:
CSS에서 이미지 경로를 올바르게 지정하려면 상대 CSS 파일의 경로를 고려해야 합니다. 이 경우 CSS 파일은 이미지 디렉터리에서 두 폴더 위에 위치합니다. 따라서 경로에 두 개의 ../(상위 디렉터리) 접두사가 필요합니다.

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

두 디렉터리를 탐색하여 CSS 파일은 프로젝트 구조 내에서 이미지를 올바르게 찾습니다.

위 내용은 내 CSS 파일과 이미지가 다른 디렉토리에 있을 때 CSS에서 배경 이미지 경로를 올바르게 지정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!