하드 디스크의 CSS 이미지

Question

메신저를 작성하려고하는데 CSS를 통해 배경 이미지로 이미지를로드하려고합니다. 자바와 Google Web Toolkit으로 빌드 된 GUI를로드하는 헤드 라인과 div 컨테이너를 제외하고 내 HTML 시트가 거의 비어 있습니다.

인터넷에서 배경 이미지를로드하면 꽤 잘됩니다!

.Bild { 
    background: url("http://developer.aldebaran-robotics.com/media/img/home/nao_h25.png") 
    no-repeat 
    center; 
} 

그러나 지금 내 하드 디스크에서 프로젝트의 폴더에서로드하고 싶습니다. 구조는 다음과 같습니다

작업 공간 → 프로젝트 → 전쟁 → CSS의 파일

작업 공간 을 프로젝트 → → 이미지를 → image.png를

내가 상대 경로를 사용하여 시도했다. 내가 제대로했는지 확신 할 수 없다. 작동하지 않습니다 :

.Bild { 
    background: url(/images/image.png) 
    no-repeat 
    center; 
} 

확실하게 도와주세요!

감사

Answer 1

당신은 이 디렉토리 구조의 예를 취할 수 있습니다 CSS 파일에 이미지 파일의 상대 경로를 제공해야 많은 :

workspace/ 
project/ 
    war/ 
     cssfile.css 
    images/ 
     image.png 

CSS 파일에 대한 귀하의 이미지 경로에 상대적인 것 해야

../images/image.png 

.Bild { 
    background: url(../images/image.png) 
    no-repeat 
    center; 
} 

여기에 : ..은 현재 디렉토리 위의 하나의 디렉토리를 의미합니다. ../../을 사용하여 두 개의 디렉토리로 이동할 수 있습니다.

상대 경로를 알아 내려면 공통 상위 디렉터리로 이동 한 다음 미디어 파일 위치로 걸어 가야합니다. 이 경우 공통 상위 디렉토리는 한 레벨 위로이므로, ../이면 충분하므로 디렉토리 구조 images/image.png을 따라 가십시오.

Answer 2

구문에는 아무런 문제가 없습니다. 따라서 문제는 경로와 관련되어야합니다. 슬래시 /로 URL을 시작하여 ,

/images/image.png 

는

http://some-host-name/images/image.png 

의 절대 위치는 이미지가 어디에 있다는 것입니다 의미?