배경 URL 및 파일 구성

Question

배경 이미지를 동적으로 변경 중이며 온라인으로 작동하지만 오프라인으로 작동하지 않습니다. 나는 웹 페이지 http://localhost:8080/PROJECT/

web.xml

<welcome-file-list> 
    <welcome-file> myHTML/myHTML.html </welcome-file> 
</welcome-file-list> 

CSS

#me { 
    background-url: url('image/me.jpg') 
} 

HTML

<div id="me"></div> 

프로젝트 구조

를 열 방법이다 그것은 단지를

이제

<div id="me" style="background:url('/PROJECT/imageNew/your.jpg')"></div> 

난 그냥 클라이언트 (로컬) 컴퓨터에이 페이지를 저장하고 확인하지만 이미지는 페이지가 로컬로 열 때 실종 다음과 같이

나는 클라이언트 측에서 동적 배경 이미지를 변경 배경 URL을 다음과 같이 변경하면 작동합니다.

background: url(../PROJECT/imageNew/your.jpg) 

그러나 클라이언트 컴퓨터에 파일을 저장 한 후에는 변경하지 않으려합니다. 서버 및 클라이언트 측에서 작동하는 경로는 어떻게 지정합니까?

Answer 1

서버에서 실행 중일 때 코드가 루트 디렉토리에서 실행되는 것과는 달리 문제는 클라이언트 시스템 (실제로는 상상할 수 있음)에서 발생하는 것처럼 보입니다.

두 위치에 게시 한 두 번째 경로 (../PROJECT/imageNew/your.jpg)를 사용할 수 있어야합니다. 이미 클라이언트 컴퓨터에서 작동한다는 것을 확인했으며 코드가 이미 컴퓨터의 루트에서 실행중인 것처럼 보이므로 서버에서 상위 디렉터리 (../)가 아무런 영향을 미치지 않아 효과적으로 경로가 만들어집니다 /PROJECT/imageNew/your.jpg 그것은 전에 있었던 일입니다.

희망이 도움이됩니다.