가 여기 내 사이트 폴더 구조입니다 : 내가하려고 CSS에서 이미지의 자산/IMG/myImage.jpg에 '파일 레이아웃 및 자산 링크?
를 참조하고 backgroundi의 마법사에 대해 동일한 작업을 수행 내 인덱스 파일에서
index.html
assets>img>all my images are here
css>my css files here
하지만, 그것은 작동하지 않는다, 누군가는 연결이이어야하는 무슨을 알 는가?
는이 논리를 사용, 밖으로 당신의 CSS 폴더의 다음
가 백 아웃하기 위해 IMG 폴더로 가서 다시 처음 필요합니다 "../"그래서
당신이하고자 HTML 페이지에
.class{
background: url('../img/myimage.jpg');
}
<img src='img/myimage.jpg'>
하지만 CSS 파일에
: 이미지에 이런 식으로 연결당신의 CSS에는 ../assets/img/myimage.jpg/이어야합니다. 여기에서 ../은 "css 폴더에서 위로 이동하여 assets 폴더를 찾으십시오"라는 의미입니다. 당신은 당신이 당신의 CSS 파일이기 때문에 폴더 수준을 가야
그것이
../assets/img/all/myimage.jpg
해야합니다) 귀하의 경우 CSS 파일은 CSS를 폴더 안에 자산 디렉토리 searchinf 이었지만) 그 분명 희망 루트 디렉토리가 아닙니다. 다음과 같이 루트 디렉토리로 다시 탐색하려면 파일 경로 앞에 ../를 추가해야합니다. CSS 파일을 루트 디렉토리 내에 배치 된 경우
../assets/img/myimage.jpg
당신은이 작업을 수행 할 필요가 없습니다 것입니다.