[초보입문]이미지 상대경로 문의 드립니다.
본문
초보 입문 중 입니다. 도움 부탁드립니다.
인덱스에서 백그라운드 이미지(file.jpg)를 불러와서 메인화면에 출력하려고 합니다. 아래 코드에서 오류 좀 수정 부탁드립니다.
참고로 sub_1은 사이트에 적용 중인 테마폴더 입니다.(관계가 있는지 몰라서 말씀드립니다.)
아래처럼 적용하니 안 되네요..
1번의 경우
<div class="b" style="background-image: url('file.jpg')">
인덱스 위치
http://abc.com/main/sub/sub_1/index.pnp
이미지 위치
http://abc.com/main/sub/sub_1/file.jpg
=====================================================
2번의 경우
<div class="b" style="background-image: url('img/file.jpg')">
인덱스 위치
http://abc.com/main/sub/sub_1/index.pnp
이미지 위치
답변 1
절대주소/상대주소 개념 공부 후 작업해 보세요.
https://homzzang.com/b/free-5017
PS.
css파일이 아니면, 되도록 G5_URL 등 주소 상수 이용해 표현하는 게 좋습니다.
네..댓글 감사합니다. 나름 공부한다고 했는데 이해가 쉽지 않네요.. 60이 다되가니 머리가 둔해지나 봅니다. 위에 적용한 코드가 잘 못 된 것인가요? 그럼 맞게 수정해 주실 수 있는지요?
나름 맞게 한다고 했는데 안 되서 질문 올렸습니다.
오토셋에서 적어주신 환경 세팅 후, 적으신 코드로 테스트해봤는데, 잘 되네요.
아마, div 영역을 제대로 지정 안 한 문제 같네요. width, height 줘서 설정해 보세요.
감사합니다..더 알아 볼게요..
