CSS에서 배경 이미지를 설정하는 방법은 무엇입니까?

Question

이미지가 CSS 리소스가 정의 된 하위 폴더에있는 웹 페이지의 이미지 배경을 정의하고 싶습니다.

경로 :

src/main/webapp/VAADIN/themes/mytheme/styles.css 
src/main/webapp/VAADIN/themes/mytheme/img/logo.png 

CSS :

.root { 
    background: url("/img/logo.png") no-repeat; 
} 

결과 : 자원을 찾을 수 없습니다 (개똥 벌레). 왜? 어떻게 경로를 지정해야합니까?

Answer 1

첫 번째 슬래시를 제거는 img 폴더 styles.css 같은 폴더에 있습니다

background: url("img/logo.png") no-repeat;