하위 폴더에서 이미지 링크가 작동하지 않습니다.

Question

그래서 내 인덱스 및 스타일 시트 파일이 루트 폴더 (예 : 공용 HTML)에 있습니다. 이미지는 낮은 폴더 (공용 html/이미지)에 설정됩니다. 표시되지 않는 배경 이미지가있는 컨테이너를 div 있습니다. CSS의 코드는 다음과 같습니다.

#exampleDiv{ 
    background-image: url("images/image.jpg"); 
    background-size: 40px 40px; 
} 

내 데스크톱 파일에서 사이트를로드 할 때 완벽하게 작동합니다. 그러나 실제 서버에서 실행하면 바로 이미지를 찾을 수 없습니다. "images/image.jpg"앞에 "/"을 추가하는 것부터 다 시도했습니다. 코드를 확인하고 다시 점검하고 다시 검사하여 코드가 소리가 나고 오타가 없는지 확인했습니다. 색인 및 스타일 시트가 포함 된 루트 디렉토리 (public html)에 이미지를 배치하고 "images/image.jpg"에서 "images /"부분을 제거하면 이미지가 잘 보입니다. 어떤 아이디어? 왜 이것이 작동하지 않는지 이해할 수 없으며, 내 사이트 캐시가 플러시되고 페이지에 대한 모든 변경 사항이로드됩니다.

편집 : 나는 또한 "../"와 "../../"뿐만 아니라

편집을 역 슬래시의 다양한 시도 : 나는 그것을 알아 냈어!

Answer 1

제가 알고 있듯이 파일 구조는 약간 비슷합니다.

html/ 
|-index.html 
|-style.css 
|-images/ 
    |-image.jpg 

글쎄 시도 할 수있는 몇 가지 사항이 있습니다. 이들은 내 경로가 예상대로 작동하지 않을 때 주로하는 일입니다. Windows 환경에서 UNIX 기반 서버로 마이그레이션하는 경우, 참조하는 이름과 폴더/파일의 이름이 같은지 확인하십시오. 서버의 파일 사용 권한을 확인해야합니다 ... html 위의 파일 수준에서 "chmod 755 -r html"명령을 사용하여 적절히 변경합니다 (유닉스에서). 참조 된 파일 이름의 시작 부분에 "./"를 사용하여 현재 디렉토리에서 라우트 할 것인지 명시 적으로 지정할 수도 있습니다.

Answer 2

나는 바보입니다. 내 이미지 폴더는 실제로 "아이콘"이라고 부르며 예제로 "이미지"만 사용했습니다. "http://website.com/icons"을 통해 액세스 할 수 있는지를 확인했을 때 아이콘 폴더가 내부적으로 사용되었으며 충돌이있는 것 같습니다. 이제 알았어. 배울 좋은 교훈.