이미지와 CSS 파일이 서로 다른 디렉터리에 있는 경우 CSS에서 배경 이미지 경로를 어떻게 지정할 수 있나요?

CSS에서 배경 이미지 경로 제공

CSS에서 배경 이미지를 요소에 할당하려면 이미지 파일의 경로를 지정해야 합니다. 그러나 CSS 파일과 이미지가 서로 다른 디렉터리에 있는 경우 올바른 경로를 찾는 것이 어려울 수 있습니다.

질문:

CSS 파일이 있는 프로젝트에서 위치:

Project/Web/Support/Styles/file.css

이미지 저장 위치:

Project/Web/images/image.png

방법 CSS 파일에서 이미지 경로를 올바르게 지정할 수 있습니까?

답변:

올바른 경로를 결정하려면 디렉터리 구조를 이해하는 것이 중요합니다. CSS 파일은 이미지 파일보다 두 레벨 더 깊기 때문에 두 레벨 위로 이동하면(".."를 두 번 사용) 공통 상위 디렉토리로 가져옵니다.

Project/Web

따라서 이미지에 대한 올바른 경로는 CSS 파일의 내용은 다음과 같습니다.

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

이 경로는 ".."를 사용하여 두 수준 위로 이동하여 "images" 폴더가 있는 상위 디렉터리에 도달한 다음 파일 이름을 지정합니다. "image.png".

위 내용은 이미지와 CSS 파일이 서로 다른 디렉터리에 있는 경우 CSS에서 배경 이미지 경로를 어떻게 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!